@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Serif:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap";:root{--surface:#fcf9f0;--surface-container-lowest:#fff;--surface-container-low:#f5f1e3;--surface-container:#ede8d5;--surface-container-high:#e3dec7;--surface-container-highest:#d9d4b9;--on-surface:#1c1c17;--on-surface-variant:#4a493f;--primary:#735c00;--primary-container:#d4af37;--on-primary-container:#211a00;--text-primary:var(--on-surface);--text-secondary:var(--on-surface-variant);--text-muted:#7a7a6a;--border-color:#1c1c171f;--accent-primary:var(--primary);--accent-secondary:#004d40;--outline-variant:#1c1c171a;--shadow-ambient:0 20px 40px #1c1c170f;--shadow-lifted:0 8px 24px #1c1c171a;--font-heading:"Noto Serif", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"Fira Code", "Courier New", monospace;--transition-grand:.4s cubic-bezier(.2, 0, 0, 1);--transition-fast:.18s cubic-bezier(.4, 0, .2, 1);--radius-sm:3px;--radius-md:6px;--radius-lg:12px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}.background-watermark{z-index:-1;pointer-events:none;opacity:.1;filter:grayscale()opacity(.25);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.background-watermark img{object-fit:contain;width:50vw;max-width:800px;max-height:80vh}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--on-surface);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}textarea,input,select{font-family:inherit}.text-gradient{background:linear-gradient(135deg, var(--on-surface) 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{-webkit-backdrop-filter:blur(14px);border:1px solid var(--outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow-ambient);transition:all var(--transition-grand);background:#f5f1e3e0}.glass-panel:hover{box-shadow:var(--shadow-lifted);border-color:#735c002e}.loading-state{text-align:center;color:var(--on-surface-variant);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:120px 20px;display:flex}.spinner{color:var(--primary);animation:1s linear infinite spin;display:inline-block}.spinner-small{width:16px;height:16px;color:var(--primary);animation:1s linear infinite spin}.empty-state{text-align:center;color:var(--on-surface-variant);padding:80px 24px;font-size:16px;line-height:1.8}.empty-state strong{color:var(--primary)}.app-container{min-height:100vh;display:flex}.sidebar-closed .main-content{margin-left:0}.sidebar-open .main-content{margin-left:260px}.sidebar{background:var(--surface-container-low);z-index:1000;border-right:1px solid var(--outline-variant);flex-direction:column;width:260px;height:100vh;padding:28px 20px 32px;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 20px #00000008}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:999;background:#1c1c1766;position:fixed;inset:0}.main-content{background:var(--surface);min-height:100vh;transition:margin-left var(--transition-grand);flex:1;position:relative}.content-wrapper{max-width:1400px;margin:0 auto;padding:32px 60px 80px}.app-header{-webkit-backdrop-filter:blur(20px);z-index:90;border-bottom:1px solid var(--outline-variant);background:#fcf9f0d9;grid-template-columns:1fr 1.5fr 1fr;align-items:center;height:72px;padding:0 32px;display:grid;position:sticky;top:0}.header-left{align-items:center;gap:24px;display:flex}.hamburger-btn{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--on-surface-variant);justify-content:center;align-items:center;transition:all .2s;display:flex}.hamburger-btn:hover{background:var(--surface-container);color:var(--on-surface)}.header-tabs{gap:8px;display:flex}.header-tab{color:var(--on-surface-variant);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.1em;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.header-tab:hover{background:var(--surface-container);color:var(--on-surface)}.header-tab.active{color:var(--primary);background:var(--surface-container-high);position:relative}.header-tab.active:after{content:"";background:var(--primary-container);width:70%;height:2px;position:absolute;bottom:0;left:15%}.header-center{justify-content:center;display:flex}.global-search{background:var(--surface-container-low);border-radius:var(--radius-sm);border:1px solid var(--outline-variant);width:100%;max-width:480px;transition:all var(--transition-fast);align-items:center;padding:10px 16px;display:flex;position:relative}.global-search.focused{background:var(--surface-container-lowest);border-color:var(--primary-container);box-shadow:var(--shadow-lifted)}.global-search .search-icon{color:var(--on-surface-variant);opacity:.5;position:absolute;left:16px}.global-search input{color:var(--on-surface);background:0 0;border:none;outline:none;padding-left:40px;font-size:14px}.search-shortcut{color:var(--on-surface-variant);background:var(--surface-container);opacity:.6;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:800}.header-right{justify-content:flex-end;align-items:center;gap:20px;display:flex}.greeting-text{flex-direction:column;align-items:flex-end;display:flex}.greeting-label{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);opacity:.8;font-size:10px;font-weight:700}.user-name{color:var(--on-surface);font-size:14px;font-weight:700}.profile-trigger{border-radius:40px;align-items:center;gap:8px;padding:4px;transition:all .2s;display:flex}.profile-trigger:hover{background:var(--surface-container)}.avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.profile-dropdown-wrap{position:relative}.profile-dropdown{z-index:1000;width:240px;padding:12px;position:absolute;top:48px;right:0}.dropdown-header{flex-direction:column;padding:8px 12px 12px;display:flex}.dropdown-header strong{font-size:15px}.dropdown-header span{color:var(--on-surface-variant);font-size:12px}.dropdown-divider{background:var(--outline-variant);height:1px;margin:8px 0}.dropdown-item{border-radius:var(--radius-sm);align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.dropdown-item:hover{background:var(--surface-container-high)}.dropdown-item.logout{color:#b71c1c}.dropdown-item.logout:hover{background:#fbe9e7}.rotate-180{transition:transform .3s;transform:rotate(180deg)}.dropdown-overlay{z-index:999;position:fixed;inset:0}.mobile-toggle{background:var(--surface-container);color:var(--on-surface);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);z-index:200;padding:8px;transition:all .2s;display:none;position:fixed;top:14px;left:14px}.nav-logo{justify-content:center;margin-bottom:40px;display:flex}.nav-logo-img{object-fit:contain;filter:grayscale()contrast(1.15);opacity:.88;max-width:100%;height:auto;max-height:80px}.nav-logo-text{font-family:var(--font-heading);color:var(--on-surface);letter-spacing:.04em;text-align:center;font-size:26px;font-weight:700}.nav-logo-sub{text-transform:uppercase;letter-spacing:.2em;color:var(--primary);text-align:center;margin-top:4px;font-size:10px;font-weight:700;display:block}.nav-links{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{color:var(--on-surface-variant);transition:all var(--transition-fast);border-radius:var(--radius-sm);align-items:center;gap:14px;padding:11px 14px;font-size:14px;font-weight:500;display:flex;position:relative}.nav-item:hover{color:var(--on-surface);background:var(--surface-container)}.nav-item.active{color:var(--on-surface);background:var(--surface-container-high);font-weight:700}.nav-item.active:before{content:"";background:var(--primary-container);border-radius:0 2px 2px 0;width:3px;height:80%;position:absolute;top:10%;left:0}.nav-icon{opacity:.7;flex-shrink:0;width:18px;height:18px}.nav-item.active .nav-icon{opacity:1;color:var(--primary)}.nav-footer{color:var(--on-surface-variant);opacity:.4;text-align:center;margin-top:auto;padding-top:24px;font-size:11px;line-height:1.8}.page-header{margin-bottom:56px}.page-title{font-family:var(--font-heading);letter-spacing:-.01em;margin-bottom:12px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.1}.page-subtitle{color:var(--on-surface-variant);max-width:580px;font-size:17px;line-height:1.6}.primary-btn{background:var(--on-surface);color:var(--surface);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.14em;transition:all var(--transition-fast);cursor:pointer;border:none;align-items:center;gap:10px;padding:14px 28px;font-size:13px;font-weight:800;display:inline-flex}.primary-btn:hover:not(:disabled){background:var(--primary);box-shadow:var(--shadow-lifted);transform:translateY(-2px)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--on-surface);background:var(--surface-container-low);transition:all var(--transition-fast);border:1px solid var(--outline-variant);align-items:center;gap:10px;padding:14px 28px;font-size:13px;font-weight:700;display:inline-flex}.secondary-btn:hover{background:var(--surface-container-high);border-color:var(--primary-container);transform:translateY(-2px)}.btn-sm{padding:8px 16px;font-size:11px}.auth-buttons{align-items:center;gap:12px;display:flex}.control-bar{flex-wrap:wrap;gap:20px;margin-bottom:40px;display:flex}.input-field,.select-field{border:none;border-bottom:1.5px solid var(--outline-variant);color:var(--on-surface);transition:all var(--transition-fast);background:0 0;border-radius:0;outline:none;width:100%;padding:12px 0;font-size:15px}.input-field:focus,.select-field:focus{border-bottom-color:var(--primary)}.select-field option{background-color:var(--surface-container-low);color:var(--on-surface)}.textarea-field{border:1px solid var(--outline-variant);border-radius:var(--radius-sm);color:var(--on-surface);resize:vertical;transition:all var(--transition-fast);background:0 0;outline:none;width:100%;padding:14px 16px;font-size:15px;line-height:1.7}.textarea-field:focus{border-color:var(--primary)}.search-wrap{flex:1;min-width:240px;position:relative}.search-icon{color:var(--on-surface-variant);opacity:.5;position:absolute;top:50%;left:0;transform:translateY(-50%)}.search-input{padding-left:32px!important}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.1em;background:var(--surface-container-high);color:var(--primary);padding:5px 12px;font-size:11px;font-weight:700;display:inline-block}.back-btn{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.1em;transition:all var(--transition-fast);align-items:center;gap:6px;margin-bottom:40px;padding:8px 0;font-size:13px;font-weight:700;display:inline-flex}.back-btn:hover{color:var(--primary)}.home-page{max-width:1160px;margin:0 auto}.hero-section{text-align:center;max-width:900px;margin:0 auto;padding:72px 0 96px}.hero-logo{margin-bottom:40px}.hero-logo-img{object-fit:contain;filter:grayscale()contrast(1.15);opacity:.9;max-width:220px;max-height:110px;margin:0 auto}.hero-badge{background:var(--surface-container-low);border-radius:var(--radius-sm);color:var(--primary);text-transform:uppercase;letter-spacing:.16em;border:1px solid #735c001f;align-items:center;gap:10px;margin-bottom:36px;padding:8px 18px;font-size:11px;font-weight:700;display:inline-flex}.hero-title{font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:32px;font-size:clamp(40px,7vw,76px);line-height:1.06}.hero-desc{color:var(--on-surface-variant);max-width:52ch;margin:0 auto 52px;font-size:19px;line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:56px;display:flex}.hero-lang{color:var(--on-surface-variant);opacity:.55;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.stats-row{border-top:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant);grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:80px;padding:48px 0;display:grid}.stat-card{text-align:center}.stat-value{font-family:var(--font-heading);color:var(--on-surface);font-size:40px;font-weight:700}.stat-label{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.12em;margin-top:6px;font-size:12px}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:100px;display:grid}.feature-card{padding:32px 28px;display:block}.feature-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:24px;display:flex}.feature-title{margin-bottom:12px;font-size:19px}.feature-desc{color:var(--on-surface-variant);margin-bottom:24px;font-size:15px;line-height:1.65}.feature-link{color:var(--primary);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:8px;font-size:12px;font-weight:700;transition:gap .3s;display:flex}.feature-card:hover .feature-link{gap:14px}.verse-highlight{background:var(--surface-container-low);text-align:center;border-radius:var(--radius-md);margin-bottom:80px;padding:96px 40px}.verse-label{text-transform:uppercase;letter-spacing:.24em;color:var(--primary);margin-bottom:40px;font-size:12px;font-weight:700}.verse-text{font-family:var(--font-heading);color:var(--on-surface);max-width:880px;margin:0 auto;font-size:clamp(22px,4vw,34px);font-style:italic;line-height:1.45}.verse-ref{color:var(--on-surface-variant);margin-top:28px;font-size:15px}.lyrics-page{max-width:1000px;margin:0 auto;padding-bottom:80px}.search-bar-lyrics{margin-bottom:40px;padding:4px 16px}.search-input-lyrics{width:100%;color:var(--on-surface);border:none;border-bottom:1.5px solid var(--outline-variant);transition:border-color var(--transition-fast);background:0 0;outline:none;padding:14px 14px 14px 44px;font-size:17px}.search-input-lyrics:focus{border-bottom-color:var(--primary)}.search-input-lyrics::placeholder{color:var(--on-surface-variant);opacity:.5}.song-list-full{flex-direction:column;display:flex}.song-list-item{cursor:pointer;border-bottom:1px solid var(--outline-variant);transition:all var(--transition-fast);background:0 0;border-radius:0;justify-content:space-between;align-items:center;padding:18px 8px;display:flex}.song-list-item:hover{border-bottom-color:var(--primary-container);background:var(--surface-container-low);padding-left:20px}.song-item-info{align-items:center;gap:20px;display:flex}.song-index{color:var(--on-surface-variant);opacity:.4;flex-shrink:0;width:28px;font-size:12px;font-weight:700}.song-item-title{color:var(--on-surface);font-size:16px;font-weight:600}.load-more-container{justify-content:center;margin-top:56px;display:flex}.load-more-btn{color:var(--primary);background:var(--surface-container-low);border-radius:var(--radius-sm);cursor:pointer;text-transform:uppercase;letter-spacing:.14em;border:1px solid var(--outline-variant);padding:14px 40px;font-size:12px;font-weight:700;transition:all .2s}.load-more-btn:hover:not(:disabled){background:var(--surface-container-high);border-color:var(--primary-container);transform:translateY(-2px)}.load-more-btn:disabled{opacity:.45;cursor:not-allowed}.back-btn-lyrics{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.1em;transition:color var(--transition-fast);align-items:center;gap:8px;padding:8px 0;font-size:12px;font-weight:700;display:flex}.back-btn-lyrics:hover{color:var(--primary)}.view-selector-lyrics{background:var(--surface-container-low);border-radius:var(--radius-sm);gap:4px;padding:4px;display:flex}.view-btn{border-radius:var(--radius-sm);color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:7px;padding:9px 18px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.view-btn:hover{color:var(--on-surface);background:var(--surface-container)}.view-btn.active{background:var(--on-surface);color:var(--surface)}.song-detail-header{border-bottom:2px solid var(--surface-container-high);margin-bottom:56px;padding-bottom:24px}.song-title-large{font-family:var(--font-heading);color:var(--on-surface);font-size:clamp(32px,6vw,60px);font-weight:700;line-height:1.1}.lyrics-display-area{min-height:400px;padding:0}.lyrics-loading{color:var(--on-surface-variant);padding:60px 0}.lyrics-body{flex-direction:column;gap:8px;display:flex}.stanza-card{transition:all var(--transition-fast);background:0 0;border:none;padding:12px 0}.stanza-card:hover{background:0 0;border:none}.stanza-label{display:none}.lyric-line{font-family:var(--font-heading);color:var(--on-surface);margin-bottom:4px;font-size:21px;line-height:1.6}.fullscreen-mode .lyric-line{text-align:center;font-size:28px;font-weight:800}.lyric-line.empty-line{height:24px}.lyric-line.font-roman{color:var(--primary);opacity:.8;font-size:18px;font-style:italic;font-weight:400}.parallel-grid{flex-direction:column;gap:24px;display:flex}.parallel-row{background:0 0;border:none;flex-direction:column;gap:4px;padding:0;display:flex}.parallel-row:hover{background:0 0}.tamil-col{font-family:var(--font-heading);color:var(--on-surface);font-size:22px;line-height:1.45}.roman-col{font-family:var(--font-heading);color:var(--primary);opacity:.8;border-left:none;padding-left:0;font-size:18px;font-style:italic;line-height:1.45}.bible-page{max-width:960px;margin:0 auto;position:relative}.seeding-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#fcf9f0f0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex;position:fixed;inset:0}.seeding-overlay h2{font-size:28px}.seeding-overlay p{color:var(--on-surface-variant);max-width:400px}.bible-controls{flex-direction:column;gap:28px;margin-bottom:52px;display:flex}.book-selector-wrap{position:relative}.book-selector-btn{text-align:left;width:100%;font-size:20px;font-weight:700;font-family:var(--font-heading);color:var(--on-surface);cursor:pointer;border-bottom:1.5px solid var(--outline-variant);transition:border-color var(--transition-fast);align-items:center;gap:12px;padding:16px 0;display:flex}.book-selector-btn:hover{border-bottom-color:var(--primary)}.book-list{z-index:50;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);box-shadow:var(--shadow-lifted);border-radius:var(--radius-md);max-height:460px;padding:28px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.book-list-section{margin-bottom:28px}.book-list-heading{text-transform:uppercase;letter-spacing:.22em;color:var(--primary);margin-bottom:14px;font-size:11px;font-weight:700}.book-list-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:4px;display:grid}.book-list-item{border-radius:var(--radius-sm);color:var(--on-surface-variant);text-align:left;padding:7px 10px;font-size:13px;transition:all .15s}.book-list-item:hover{color:var(--primary);background:var(--surface-container)}.book-list-item.active{color:var(--primary);font-weight:700}.chapter-selector{padding-bottom:8px;overflow-x:auto}.chapter-label{text-transform:uppercase;letter-spacing:.16em;color:var(--on-surface-variant);margin-bottom:14px;font-size:11px;font-weight:700;display:block}.chapter-pills{flex-wrap:wrap;gap:4px;display:flex}.chapter-pill{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--on-surface-variant);background:var(--surface-container-low);cursor:pointer;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:all .15s;display:flex}.chapter-pill:hover{background:var(--surface-container-high);color:var(--on-surface)}.chapter-pill.active{background:var(--on-surface);color:var(--surface)}.lang-selector-bible{color:var(--on-surface-variant);border-bottom:1px solid var(--outline-variant);align-items:center;gap:12px;padding-bottom:14px;display:flex}.bible-content-area{background:var(--surface-container-lowest);border-radius:var(--radius-md);box-shadow:var(--shadow-ambient);min-height:400px;padding:40px 48px}.bible-chapter-title{font-family:var(--font-heading);text-align:left;color:var(--on-surface);border-bottom:2px solid var(--surface-container-high);margin-bottom:40px;padding-bottom:20px;font-size:38px;font-weight:700}.bible-version-tag{font-family:var(--font-body);color:var(--primary);text-transform:uppercase;letter-spacing:.2em;margin-top:10px;font-size:11px;font-weight:700}.bible-reader{max-width:680px}.bible-verse{font-family:var(--font-heading);color:var(--on-surface);margin-bottom:18px;font-size:19px;line-height:1.75}.bible-verse-num{font-family:var(--font-body);color:var(--primary);margin-right:10px;font-size:11px;font-weight:700}.bible-empty{color:var(--on-surface-variant);padding:60px 0;line-height:1.8}.inline-link{color:var(--primary);text-underline-offset:4px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.theology-page{max-width:1000px;margin:0 auto;padding-bottom:80px}.articles-list{flex-direction:column;gap:24px;margin:40px auto;display:flex}.article-card{background:var(--surface-container-low);border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--outline-variant);gap:24px;padding:32px;transition:all .3s;display:flex}.article-card:hover{background:var(--surface-container-high);box-shadow:var(--shadow-lifted);transform:translateY(-4px)}.author-circle-small{background:var(--primary-container);width:48px;height:48px;color:var(--primary);border:2px solid var(--outline-variant);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.article-card-content{flex:1}.article-category{text-transform:uppercase;color:var(--primary);letter-spacing:.1em;opacity:.7;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.article-title{margin:0 0 12px;font-size:22px;font-weight:700}.article-excerpt{color:var(--on-surface-variant);margin-bottom:16px;font-size:15px;line-height:1.6}.article-meta{color:var(--on-surface-variant);opacity:.6;font-size:13px;font-weight:600}.article-reader{max-width:760px;margin:40px auto}.author-row{border-bottom:1px solid var(--outline-variant);align-items:center;gap:16px;margin-bottom:40px;padding-bottom:24px;display:flex}.author-circle-large{background:var(--primary-container);width:64px;height:64px;color:var(--primary);border:3px solid var(--surface-container);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex}.author-text{flex-direction:column;display:flex}.author-text strong{color:var(--on-surface);font-size:18px}.author-text span{color:var(--on-surface-variant);font-size:13px}.article-reader-title{font-family:var(--font-heading);margin-bottom:32px;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.2}.article-body{color:var(--on-surface);font-size:18px;line-height:1.8}.article-body h2{margin-top:48px;margin-bottom:20px;font-size:28px;font-weight:700}.article-body h3{margin-top:32px;margin-bottom:16px;font-size:22px;font-weight:700}.article-body p{margin-bottom:24px}.article-body img{border-radius:var(--radius-md);width:100%;margin:32px 0}.article-body blockquote{border-left:4px solid var(--primary-container);color:var(--on-surface-variant);margin:32px 0;padding-left:24px;font-style:italic}.doc-editor-wrap{max-width:920px;margin:0 auto}.doc-editor-toolbar{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom:none;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 12px;display:flex}.toolbar-btn{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--on-surface-variant);cursor:pointer;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .15s;display:flex}.toolbar-btn:hover{background:var(--surface-container);color:var(--on-surface)}.toolbar-btn.active{background:var(--on-surface);color:var(--surface)}.toolbar-sep{background:var(--outline-variant);width:1px;height:24px;margin:0 4px}.toolbar-select{color:var(--on-surface);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;outline:none;padding:4px 8px;font-size:13px;font-weight:600;transition:background .15s}.toolbar-select:hover{background:var(--surface-container)}.doc-editor-content{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:0 0 var(--radius-sm) var(--radius-sm);min-height:480px;font-family:var(--font-heading);color:var(--on-surface);caret-color:var(--primary);outline:none;padding:40px 48px;font-size:17px;line-height:1.85}.doc-editor-content:focus{border-color:#735c004d}.doc-editor-content h1{margin:24px 0 14px;font-size:30px}.doc-editor-content h2{color:var(--accent-secondary);margin:20px 0 10px;font-size:24px}.doc-editor-content h3{margin:16px 0 8px;font-size:19px}.doc-editor-content p{margin-bottom:14px}.doc-editor-content blockquote{border-left:3px solid var(--primary-container);color:var(--on-surface-variant);margin:20px 0;padding-left:20px;font-style:italic}.doc-editor-content ul,.doc-editor-content ol{margin:0 0 14px 24px}.doc-editor-placeholder{color:var(--on-surface-variant);opacity:.4;-webkit-user-select:none;user-select:none;pointer-events:none;font-style:italic;position:absolute;top:40px;left:48px}.doc-editor-relative{position:relative}.editor-footer{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.word-count{color:var(--on-surface-variant);opacity:.6;font-size:12px}.editor-actions{gap:12px;display:flex}.search-page{max-width:960px;margin:0 auto;padding-bottom:100px}.search-hero{padding:56px 0 40px}.search-badge{color:var(--primary);text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:8px;margin-bottom:20px;font-size:11px;font-weight:700;display:inline-flex}.search-title{font-family:var(--font-heading);margin-bottom:16px;font-size:clamp(36px,6vw,52px);font-weight:700}.search-subtitle{color:var(--on-surface-variant);max-width:58ch;margin-bottom:48px;font-size:17px;line-height:1.65}.search-form-wrap{max-width:100%}.search-input-container{border-bottom:1.5px solid var(--outline-variant);background:0 0;align-items:center;transition:all .3s;display:flex}.search-input-container:focus-within{border-bottom-color:var(--primary)}.search-icon-large{color:var(--on-surface-variant);opacity:.45;flex-shrink:0}.search-input-field{height:60px;color:var(--on-surface);background:0 0;border:none;outline:none;flex:1;padding:0 20px;font-size:18px}.search-submit-btn{background:var(--on-surface);height:44px;color:var(--surface);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;border:none;flex-shrink:0;padding:0 28px;font-size:12px;font-weight:800;transition:all .2s}.search-submit-btn:hover:not(:disabled){background:var(--primary);transform:translateY(-2px)}.search-submit-btn:disabled{opacity:.5;cursor:not-allowed}.search-results-area{margin-top:72px}.search-empty-state{text-align:center;color:var(--on-surface-variant);flex-direction:column;align-items:center;gap:16px;padding:80px 40px;font-size:17px;display:flex}.results-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.result-card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-md);transition:all var(--transition-grand);cursor:pointer;padding:28px}.result-card:hover{box-shadow:var(--shadow-lifted);border-color:#735c0033;transform:translateY(-6px)}.result-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.result-type{text-transform:uppercase;color:var(--primary);letter-spacing:.14em;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.similarity-score{color:var(--on-surface-variant);opacity:.5;font-size:11px;font-weight:700}.result-text{font-family:var(--font-heading);color:var(--on-surface);margin-bottom:20px;font-size:16px;font-style:italic;line-height:1.65}.result-footer{color:var(--primary);justify-content:space-between;align-items:center;display:flex}.content-id{text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700}.manage-page{max-width:1000px;margin:0 auto;padding-bottom:80px}.status-banner{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:12px;margin-bottom:32px;padding:16px 20px;font-size:13px;font-weight:700;display:flex}.status-banner.success{background:var(--primary-container);color:var(--on-primary-container);border:1px solid #735c004d}.status-banner.error{color:#b71c1c;background:#fce8e6;border:1px solid #b71c1c44}.manage-tabs{border-bottom:1.5px solid var(--outline-variant);-webkit-overflow-scrolling:touch;background:0 0;gap:0;margin-bottom:32px;padding:0;display:flex;overflow-x:auto}@media (width<=768px){.manage-tabs{flex-wrap:nowrap;justify-content:flex-start}.tab-btn{white-space:nowrap;padding:14px 12px;font-size:11px}}.tab-btn{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.14em;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:10px;padding:18px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-btn:hover:not(.active){background:var(--surface-container-low);color:var(--on-surface)}.manage-content-panel{box-shadow:none;background:0 0;border:none;padding:0}.form-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.form-group{flex-direction:column;gap:9px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--primary);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.field-hint{color:var(--on-surface-variant);margin-top:4px;font-size:12px;font-style:italic}.form-actions{grid-column:1/-1;justify-content:flex-end;margin-top:24px;display:flex}@media (width<=1100px){.app-header{grid-template-columns:1fr 1fr 1fr}.header-tabs{display:none}.features-grid,.stats-row{grid-template-columns:repeat(2,1fr)}.content-wrapper{padding:32px 32px 60px}}@media (width<=768px){.app-header{grid-template-columns:auto 1fr auto;gap:12px;height:64px;padding:0 16px}.header-left .hamburger-btn{width:36px;height:36px}.header-tabs{display:none}.header-center{flex:1}.global-search{max-width:none;padding:8px 12px}.global-search input{font-size:13px}.search-shortcut{display:none}.header-right{gap:8px}.greeting-text{display:none}.avatar{width:28px;height:28px;font-size:12px}.sidebar-closed .main-content,.sidebar-open .main-content{margin-left:0!important}.content-wrapper{padding:20px 16px 80px}.page-header{margin-bottom:32px}.page-title{font-size:32px}.stats-row{grid-template-columns:repeat(2,1fr);gap:1px;padding:32px 0}.stat-value{font-size:28px}.features-grid,.form-grid{grid-template-columns:1fr}.parallel-row{grid-template-columns:1fr;gap:8px}.bible-controls{flex-direction:column;align-items:stretch;gap:20px}.book-selector-btn{border-bottom-width:1px;padding:12px 0;font-size:18px}.chapter-pills{gap:6px}.chapter-pill{width:44px;height:44px;font-size:16px}.lang-selector-bible{border-bottom-width:1px;width:100%}.bible-content-area{padding:24px 20px}.bible-chapter-title{margin-bottom:24px;font-size:26px}.bible-verse{font-size:17px;line-height:1.7}.lyrics-search-box{margin:20px 0}.lyrics-search-input{padding:10px 14px 10px 40px;font-size:14px}.search-icon{left:12px}.lyrics-nav-top{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:24px}.lyrics-nav-left{flex-direction:column;align-items:stretch;gap:12px}.view-selector-lyrics{background:var(--surface-container-low);border-radius:var(--radius-sm);justify-content:space-between;padding:4px}.view-btn{text-align:center;flex:1;padding:10px 4px;font-size:11px}.song-list-item{border-bottom:1px solid #00000008;padding:16px 12px}.parallel-row{flex-direction:column;gap:8px}.roman-col{border-top:1px solid var(--outline-variant);padding-top:8px}}.page-footer{text-align:center;background:#f1ead9;border-top:1px solid #1c1c1714;margin-top:80px;padding:24px 32px 28px}.footer-links{flex-wrap:wrap;justify-content:center;gap:36px;margin-bottom:12px;display:flex}.footer-links a{color:#4d4638;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;transition:color .2s,opacity .2s}.footer-links a:hover{color:var(--primary)}.footer-links a.active{color:var(--on-surface)}.page-footer p{color:var(--on-surface-variant);opacity:.65;font-size:12px}.simple-page{max-width:920px;margin:0 auto}.simple-page-header{margin-bottom:32px}.simple-page-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--primary);margin-bottom:12px;font-size:11px;font-weight:700}.simple-page-body{color:var(--on-surface-variant);gap:18px;font-size:17px;line-height:1.8;display:grid}.sitemap-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.sitemap-card{border:1px solid var(--outline-variant);border-radius:var(--radius-md);background:var(--surface-container-lowest);min-height:72px;color:var(--on-surface);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);align-items:center;padding:18px 20px;font-weight:600;display:flex}.sitemap-card:hover{box-shadow:var(--shadow-lifted);border-color:#735c0038;transform:translateY(-2px)}.lyrics-nav-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.lyrics-nav-left,.lyrics-nav-right{align-items:center;gap:12px;display:flex}.render-toggle{margin-left:4px}.tool-btn{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--on-surface-variant);justify-content:center;align-items:center;transition:all .2s;display:flex}.tool-btn:hover{background:var(--surface-container);color:var(--on-surface)}.tool-btn.active{color:var(--primary);background:var(--surface-container-high)}.lyrics-main-layout{gap:40px;display:flex}.lyrics-content-pane{flex:1}.lyrics-sidebar-pane{background:var(--surface-container-low);border-radius:var(--radius-md);width:320px;height:fit-content;padding:24px;position:sticky;top:100px}.sidebar-pane-header h4{text-transform:uppercase;letter-spacing:.15em;color:var(--primary);margin-bottom:20px;font-size:11px}.sidebar-song-list{flex-direction:column;gap:4px;display:flex}.sidebar-song-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;transition:background .2s;display:flex}.sidebar-song-item:hover{background:var(--surface-container-high)}.sidebar-index{opacity:.3;width:16px;font-size:11px;font-weight:800}.sidebar-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.fullscreen-mode{background:var(--surface);z-index:2000;padding:40px 60px;position:fixed;inset:0;overflow-y:auto}.fullscreen-mode .lyrics-nav-top{background:var(--surface);z-index:10;padding:20px 0;position:sticky;top:0}.fullscreen-mode .lyrics-body.enlarged{max-width:900px;margin:0 auto}.fullscreen-mode .lyric-line{margin-bottom:24px;font-size:32px}.fullscreen-mode .stanza-label{font-size:14px}@media (width<=1024px){.lyrics-main-layout{flex-direction:column}.lyrics-sidebar-pane{width:100%;position:static}}@media (width<=480px){.hero-title{font-size:34px;line-height:1.1}.hero-desc{font-size:16px}.page-title{font-size:28px}.daily-theology,.daily-messages{padding:20px}.feature-card{padding:24px 20px}.article-card{flex-direction:column;padding:20px}.author-circle-small{width:40px;height:40px;font-size:15px}.song-title-large{font-size:24px}.lyric-line{font-size:16px;line-height:1.6}.stanza-card{padding:14px}.page-footer{padding:32px 16px}.footer-links{gap:12px 16px}.global-search input::placeholder{font-size:12px}}.page-transition{width:100%}
