:root{--primary-color: #004bbc;--primary-dark: #1256a3;--primary-light: #42a5f5;--md-sys-color-primary: #004bbc;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #cce6ff;--md-sys-color-on-primary-container: #001f3d;--surface: #fefcff;--background: #fefcff;--md-sys-color-background: #fefcff;--md-sys-color-surface: #fefcff;--md-sys-color-on-background: #1a1c1e;--md-sys-color-on-surface: #1a1c1e;--md-sys-color-surface-variant: #e1e2ec;--md-sys-color-on-surface-variant: #44474f;--surface-container-low: #f7f5fa;--surface-container: #f2f0f5;--surface-container-high: #eceaf0;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #f7f5fa;--md-sys-color-surface-container: #f2f0f5;--md-sys-color-surface-container-high: #eceaf0;--md-sys-color-surface-container-highest: #e7e5eb;--outline: #757780;--outline-variant: #c4c7cf;--md-sys-color-outline: #757780;--md-sys-color-outline-variant: #c4c7cf;--on-surface: #1a1c1e;--on-surface-variant: #44474f;--error: #ba1a1a;--on-error: #ffffff;--md-sys-color-error: #ba1a1a;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffdad6;--md-sys-color-on-error-container: #410002;--md-sys-elevation-level0: none;--md-sys-elevation-level1: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);--md-sys-elevation-level2: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);--md-sys-elevation-level3: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);--md-sys-elevation-level4: 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 6px 10px 4px rgba(0, 0, 0, 0.15);--md-sys-elevation-level5: 0px 4px 4px 0px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15);--shadow: var(--md-sys-elevation-level1);--shadow-light: var(--md-sys-elevation-level1);--color-shadow: var(--md-sys-elevation-level1);--color-shadow-lg: var(--md-sys-elevation-level3);--md-sys-spacing-2: 2px;--md-sys-spacing-4: 4px;--md-sys-spacing-8: 8px;--md-sys-spacing-12: 12px;--md-sys-spacing-16: 16px;--md-sys-spacing-20: 20px;--md-sys-spacing-24: 24px;--md-sys-spacing-32: 32px;--md-sys-spacing-40: 40px;--md-sys-spacing-48: 48px;--md-sys-typescale-title-medium: 500 16px/24px 'Roboto', sans-serif;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-motion-duration-short2: 200ms;--md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);--transition: all 0.2s cubic-bezier(0.2, 0, 0, 1);--color-primary: var(--md-sys-color-primary);--color-bg-secondary: var(--md-sys-color-surface-container-low);--color-border: var(--md-sys-color-outline-variant);--color-text-primary: var(--md-sys-color-on-surface);--color-text-secondary: var(--md-sys-color-on-surface-variant);--color-text-muted: var(--md-sys-color-on-surface-variant);--color-danger: #ba1a1a;--md-sys-color-inverse-surface: #2f3033;--md-sys-color-inverse-on-surface: #e2e2e5;--font-size-base: 16px}[data-theme="dark"]{--primary-color: #99ccff;--primary-dark: #004bbc;--primary-light: #ccddff;--md-sys-color-primary: #99ccff;--md-sys-color-on-primary: #003258;--md-sys-color-primary-container: #004785;--md-sys-color-on-primary-container: #cce6ff;--surface: #101013;--background: #101013;--md-sys-color-background: #101013;--md-sys-color-surface: #101013;--md-sys-color-on-background: #e3e2e6;--md-sys-color-on-surface: #e3e2e6;--md-sys-color-surface-variant: #44474f;--md-sys-color-on-surface-variant: #c4c7cf;--surface-container-low: #181b1f;--surface-container: #1d2024;--surface-container-high: #272a2f;--md-sys-color-surface-container-lowest: #0b0e11;--md-sys-color-surface-container-low: #181b1f;--md-sys-color-surface-container: #1d2024;--md-sys-color-surface-container-high: #272a2f;--md-sys-color-surface-container-highest: #32353a;--outline: #8e9199;--outline-variant: #44474f;--md-sys-color-outline: #8e9199;--md-sys-color-outline-variant: #44474f;--on-surface: #e3e2e6;--on-surface-variant: #c4c7cf;--error: #ffb4ab;--on-error: #690005;--md-sys-color-error: #ffb4ab;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000a;--md-sys-color-on-error-container: #ffdad6;--md-sys-elevation-level0: none;--md-sys-elevation-level1: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);--md-sys-elevation-level2: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);--md-sys-elevation-level3: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);--md-sys-elevation-level4: 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 6px 10px 4px rgba(0, 0, 0, 0.15);--md-sys-elevation-level5: 0px 4px 4px 0px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15);--shadow: var(--md-sys-elevation-level2);--shadow-light: var(--md-sys-elevation-level1);--color-shadow: var(--md-sys-elevation-level1);--color-shadow-lg: var(--md-sys-elevation-level3);--md-sys-spacing-4: 4px;--md-sys-spacing-8: 8px;--md-sys-spacing-12: 12px;--md-sys-spacing-16: 16px;--md-sys-spacing-20: 20px;--md-sys-spacing-24: 24px;--md-sys-spacing-32: 32px;--md-sys-spacing-40: 40px;--md-sys-spacing-48: 48px;--md-sys-typescale-title-medium: 500 16px/24px 'Roboto', sans-serif;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-motion-duration-short2: 200ms;--md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);--transition: all 0.2s cubic-bezier(0.2, 0, 0, 1);--color-primary: var(--md-sys-color-primary);--color-bg-secondary: var(--md-sys-color-surface-container-low);--color-border: var(--md-sys-color-outline-variant);--color-text-primary: var(--md-sys-color-on-surface);--color-text-secondary: var(--md-sys-color-on-surface-variant);--color-text-muted: var(--md-sys-color-on-surface-variant);--color-danger: #ffb4ab;--md-sys-color-inverse-surface: #e2e2e5;--md-sys-color-inverse-on-surface: #2f3033;--font-size-base: 16px}*{margin: 0;padding: 0;box-sizing: border-box}*{overscroll-behavior: none}html, body{overscroll-behavior: none;-webkit-overflow-scrolling: touch}body{font-family: 'Roboto', Arial, sans-serif;line-height: 1.5;color: var(--md-sys-color-on-background);background-color: var(--md-sys-color-background);font-size: 16px;font-weight: 400;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: hidden;overscroll-behavior: none}.container{max-width: 1200px;margin: 0 auto;padding: 0 16px;contain: layout}.container:has(.parallel-view){max-width: none !important;padding: 0 !important}.parallel-view-container{max-width: none !important;padding: 0 !important;width: 100% !important}@font-face{font-family: "Roboto";font-style: normal;font-weight: 300;font-display: swap;src: url("/assets/fonts/roboto-light.woff2") format("woff2"),local("Roboto Light"), local("Roboto-Light")}@font-face{font-family: "Roboto";font-style: normal;font-weight: 400;font-display: swap;src: url("/assets/fonts/roboto-regular.woff2") format("woff2"),local("Roboto Regular"), local("Roboto-Regular")}@font-face{font-family: "Roboto";font-style: normal;font-weight: 500;font-display: swap;src: url("/assets/fonts/roboto-medium.woff2") format("woff2"),local("Roboto Medium"), local("Roboto-Medium")}@font-face{font-family: "Roboto";font-style: normal;font-weight: 700;font-display: swap;src: url("/assets/fonts/roboto-bold.woff2") format("woff2"),local("Roboto Bold"), local("Roboto-Bold")}@font-face{font-family: "Material Icons";font-style: normal;font-weight: 400;font-display: swap;src: url("/assets/fonts/material-icons.woff2") format("woff2")}.material-icons{font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block;white-space: nowrap;word-wrap: normal;direction: ltr;-webkit-font-feature-settings: 'liga';font-feature-settings: 'liga';-webkit-font-smoothing: antialiased}.material-icons:before{content: attr(data-icon)}.material-icons:empty:before{content: "•"}@media (max-width: 768px){.hidden-text-mobile{display: none}}.header{background-color: var(--md-sys-color-surface);border-bottom: 1px solid var(--md-sys-color-outline-variant);padding: var(--md-sys-spacing-16) 0;position: sticky;top: 0;z-index: 1000;box-shadow: var(--md-sys-elevation-level2);will-change: transform;transform: translateZ(0);padding-top: max(var(--md-sys-spacing-16), env(safe-area-inset-top));min-height: 64px;-webkit-backface-visibility: hidden;backface-visibility: hidden}.header .container{display: flex;align-items: center;justify-content: space-between;gap: var(--md-sys-spacing-16);position: relative}.mobile-header-row{display: flex;align-items: center;justify-content: space-between;flex: 1;gap: var(--md-sys-spacing-8)}.logo{font: var(--md-sys-typescale-title-medium);font-weight: 500;color: var(--md-sys-color-primary);text-decoration: none;display: flex;align-items: center;gap: var(--md-sys-spacing-8);cursor: pointer;transition: var(--transition);padding: var(--md-sys-spacing-8);border-radius: var(--md-sys-shape-corner-small);margin-left: calc(-1 * var(--md-sys-spacing-8))}.logo:hover{background-color: var(--md-sys-color-primary);color: var(--md-sys-color-on-primary)}.logo:hover .material-icons{color: var(--md-sys-color-on-primary)}.logo .material-icons{font-size: 28px;color: var(--md-sys-color-primary)}.header-actions{display: flex;align-items: center;gap: var(--md-sys-spacing-8)}@media (min-width: 769px){.header .container{display: grid;grid-template-columns: auto 1fr auto;grid-template-areas: "logo center actions";align-items: center;gap: var(--md-sys-spacing-16)}.mobile-header-row{display: contents}.logo{grid-area: logo}.header-actions{grid-area: actions}.nav-links{grid-area: center;justify-self: center;position: static;transform: none;flex: none;max-width: 320px;min-width: 250px;z-index: 10;display: block !important}}.menu-dropdown{position: relative;display: inline-block}.dropdown-content{display: none;position: absolute;right: 0;background-color: var(--md-sys-color-surface-container);min-width: 200px;box-shadow: var(--md-sys-elevation-level3);border-radius: 8px;z-index: 1000;border: 1px solid var(--md-sys-color-outline-variant);padding: 8px 0;margin-top: 4px}.dropdown-content a{color: var(--md-sys-color-on-surface);padding: 12px 16px;text-decoration: none;display: block;font-size: 0.875rem;font-weight: 400;transition: background-color 0.15s ease-out, transform 0.15s ease-out;position: relative;overflow: hidden}.dropdown-content a::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: currentColor;opacity: 0;transition: opacity 0.15s ease-out;pointer-events: none}.dropdown-content a:hover::before{opacity: 0.08}.dropdown-content a:hover{background-color: var(--md-sys-color-surface-container-high);transform: translateX(4px)}.menu-dropdown.active .dropdown-content{display: block}.md-icon-button{background: none;border: none;color: var(--md-sys-color-on-surface-variant);border-radius: 50%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: background 0.15s ease-out, color 0.15s ease-out, transform 0.15s ease-out;position: relative;overflow: hidden}.md-icon-button::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: currentColor;opacity: 0;border-radius: 50%;transition: opacity 0.15s ease-out;pointer-events: none}.md-icon-button:hover::before{opacity: 0.08}.md-icon-button:focus-visible::before{opacity: 0.12}.md-icon-button:active::before{opacity: 0.16}.md-icon-button:hover{color: var(--md-sys-color-primary);transform: scale(1.05)}.md-outlined-button{background: none;border: 1px solid var(--md-sys-color-outline);color: var(--md-sys-color-primary);border-radius: 20px;font-family: 'Roboto', Arial, sans-serif;font-size: 0.875rem;font-weight: 500;letter-spacing: 0.1px;padding: 10px 24px;cursor: pointer;transition: background 0.15s ease-out, border-color 0.15s ease-out, box-shadow 0.15s ease-out, transform 0.15s ease-out;text-decoration: none;display: inline-flex;align-items: center;gap: 8px;position: relative;overflow: hidden}.md-outlined-button::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: currentColor;opacity: 0;border-radius: 20px;transition: opacity 0.15s ease-out;pointer-events: none}.md-outlined-button:hover::before{opacity: 0.08}.md-outlined-button:focus-visible{border-color: var(--md-sys-color-primary)}.md-outlined-button:focus-visible::before{opacity: 0.12}.md-outlined-button:active::before{opacity: 0.16}.md-outlined-button:hover{border-color: var(--md-sys-color-primary);transform: translateY(-1px);box-shadow: var(--md-sys-elevation-level1)}.md-filled-button{background: var(--md-sys-color-primary);border: none;color: var(--md-sys-color-on-primary);border-radius: 20px;font-family: 'Roboto', Arial, sans-serif;font-size: 0.875rem;font-weight: 500;letter-spacing: 0.1px;padding: 10px 24px;cursor: pointer;transition: background 0.15s ease-out, box-shadow 0.15s ease-out, transform 0.15s ease-out;text-decoration: none;display: inline-flex;align-items: center;gap: 8px;position: relative;overflow: hidden;box-shadow: var(--md-sys-elevation-level1)}.md-filled-button::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: currentColor;opacity: 0;border-radius: 20px;transition: opacity 0.15s ease-out;pointer-events: none}.md-filled-button:hover{box-shadow: var(--md-sys-elevation-level2);transform: translateY(-1px)}.md-filled-button:hover::before{opacity: 0.08}.md-filled-button:focus-visible::before{opacity: 0.12}.md-filled-button:active::before{opacity: 0.16}.nav-links{display: flex;gap: 4px}.nav-link{color: var(--md-sys-color-on-surface-variant);text-decoration: none;padding: 8px 16px;border-radius: 16px;font-weight: 500;font-size: 0.875rem;transition: background 0.15s ease-out, color 0.15s ease-out, transform 0.15s ease-out;position: relative;overflow: hidden}.nav-link::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: currentColor;opacity: 0;border-radius: 16px;transition: opacity 0.15s ease-out;pointer-events: none}.nav-link:hover::before{opacity: 0.08}.nav-link:hover,.nav-link.active{background: var(--md-sys-color-surface-container);color: var(--md-sys-color-on-surface);transform: scale(1.02)}.main-content{padding: 24px 0;overscroll-behavior: none}.main-content:has(.parallel-view),.main-content .parallel-view,.main-content.parallel-view-active{padding: 0 !important;margin: 0 !important;width: 100% !important;max-width: 100% !important;height: calc(100vh - 73px) !important;overflow: hidden !important}.card{background: var(--md-sys-color-surface);border-radius: 12px;box-shadow: var(--md-sys-elevation-level1);margin-bottom: 24px;overflow: hidden;transition: box-shadow 0.2s ease-out, transform 0.2s ease-out}.card:hover{box-shadow: var(--md-sys-elevation-level2);transform: translateY(-1px)}.card-content{padding: 30px}.article-meta{border-bottom: 1px solid var(--outline);padding-bottom: 16px;margin-bottom: 24px}.article-title{font-size: 1.75rem;font-weight: 400;color: var(--md-sys-color-on-surface);margin-bottom: 8px;line-height: 1.3}.article-slug{color: var(--md-sys-color-on-surface-variant);font-size: 0.875rem;font-weight: 400}.article-details{display: flex;gap: 16px;margin: 12px 0;flex-wrap: wrap}.article-author{color: var(--md-sys-color-primary);font-size: 0.875rem;font-weight: 500}.article-reading-time{color: var(--md-sys-color-tertiary);font-size: 0.875rem;font-weight: 400;display: inline-flex;align-items: center;gap: 4px}.article-reading-time::before{content: '•';color: var(--md-sys-color-outline);margin: 0 4px}.article-author .article-reading-time::before{content: '•'}.article-summary{color: var(--on-surface-variant);font-size: 1rem;line-height: 1.5;margin: 12px 0 0 0;font-style: italic}.article-video{margin-top: 16px}.video-container{margin: 24px 0;background: var(--surface-container-low);border-radius: 12px;overflow: hidden}.video-wrapper{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden}.video-wrapper iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;border-radius: 12px}.video-error{text-align: center;padding: 24px;background: var(--surface-container-low);border-radius: 12px;border: 2px dashed var(--outline);color: var(--on-surface-variant)}.video-error p{margin-bottom: 16px;font-style: italic}.video-info{padding: 16px;text-align: center;border-top: 1px solid var(--outline-variant);background: var(--surface-container-low)}.video-link{color: var(--primary-color);text-decoration: none;font-size: 0.875rem;font-weight: 500;display: inline-flex;align-items: center;gap: 8px;transition: color 0.2s}.video-link:hover{color: var(--primary-dark);text-decoration: underline}.video-link .material-icons{font-size: 18px}.image-container{margin: 24px 0;max-width: 100%;width: 100%;background: var(--surface-container-low);border-radius: 12px;overflow: hidden}.image-wrapper{position: relative;overflow: hidden;border-radius: 12px 12px 0 0}.image-wrapper img{width: 100%;height: auto;display: block;object-fit: cover;max-height: 400px;border-radius: 12px 12px 0 0;transition: transform 0.2s}.image-wrapper img:hover{transform: scale(1.02)}.image-error{text-align: center;padding: 24px;background: var(--surface-container-low);border-radius: 12px;border: 2px dashed var(--outline);color: var(--on-surface-variant)}.image-error p{margin-bottom: 8px;font-style: italic}.image-info{padding: 16px;text-align: center;border-top: 1px solid var(--outline-variant);background: var(--surface-container-low);color: var(--on-surface-variant);font-size: 0.875rem;font-weight: 500;display: flex;align-items: center;justify-content: center;gap: 8px}.image-info .material-icons{font-size: 18px}.article-content h1,.article-content h2,.article-content h3,.article-content h4{color: var(--on-surface);margin: 24px 0 16px 0;font-weight: 400}.article-content h1{font-size: 2rem;font-weight: 300}.article-content h2{font-size: 1.5rem}.article-content h3{font-size: 1.25rem}.article-content h4{font-size: 1.125rem;font-weight: 500}.article-content p{margin-bottom: 16px;line-height: 1.7;color: var(--on-surface)}.article-content ul, .article-content ol{margin-bottom: 16px;padding-left: 24px}.article-content li{margin-bottom: 8px;line-height: 1.6}.article-content blockquote{border-left: 4px solid var(--primary-color);padding: 16px;margin: 16px 0;background: var(--surface-container-low);border-radius: 8px;color: var(--on-surface);font-style: italic}.article-content code{background: var(--surface-container);padding: 2px 6px;border-radius: 4px;font-family: 'Roboto Mono', 'Courier New', monospace;font-size: 0.875rem}.article-content pre{background: var(--surface-container);padding: 16px;border-radius: 8px;overflow-x: auto;margin: 16px 0}.article-content pre code{background: none;padding: 0}.article-list{display: grid;gap: 16px;list-style: none}.article-item{background: var(--md-sys-color-surface);border-radius: 12px;box-shadow: var(--md-sys-elevation-level1);transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;overflow: hidden;cursor: pointer;display: flex;flex-direction: column}[data-theme="dark"] .article-item{background: var(--md-sys-color-surface-container)}.article-item:hover{transform: translateY(-2px);box-shadow: var(--md-sys-elevation-level3)}@media (min-width: 768px){.article-item{flex-direction: row;min-height: 150px}}.article-item-image-container{flex-shrink: 0;width: 100%;height: 200px;display: none;background: var(--md-sys-color-surface-container);align-items: center;justify-content: center;aspect-ratio: 3/2}@media (min-width: 768px){.article-item-image-container{width: 200px !important;height: auto;min-height: 150px;display: flex}}.article-item-image{width: 100%;height: 100%;object-fit: cover;image-rendering: auto;image-rendering: -webkit-optimize-contrast;transition: opacity 0.3s ease-in-out}.article-item-image.lazy-loaded,.article-main-image{opacity: 1}.article-item-placeholder{width: 64px !important;height: 64px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: rgba(255, 255, 255, 0.9);position: relative}.article-item-placeholder::before{content: '';position: absolute;inset: 0;border-radius: 50%;background: rgba(0, 0, 0, 0.1)}.article-item-placeholder svg{position: relative;z-index: 1}.article-item-image-container:not([style]) .article-item-placeholder{background: var(--md-sys-color-surface-container-high);color: var(--md-sys-color-on-surface-variant)}.article-item-image-container:not([style]) .article-item-placeholder::before{background: rgba(0, 0, 0, 0.05)}.placeholder-icon{width: 32px;height: 32px}.lazy-image-container{width: 100%;height: 100%;position: relative;overflow: hidden;background: var(--md-sys-color-surface-container);aspect-ratio: 16/9}.lazy-placeholder{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--md-sys-color-surface-container), var(--md-sys-color-surface-container-high));position: relative}.lazy-placeholder::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg,transparent,rgba(255, 255, 255, 0.2),transparent);animation: shimmer 2s infinite}@keyframes shimmer{0%{left: -100%}100%{left: 100%}}.lazy-spinner{width: 40px;height: 40px;border: 3px solid var(--md-sys-color-outline-variant);border-top: 3px solid var(--md-sys-color-primary);border-radius: 50%;animation: spin 1s linear infinite}@keyframes spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}.article-item-image.lazy-loading{opacity: 0;transform: scale(1.1);transition: all 0.3s ease-out}.article-item-image.lazy-loaded{opacity: 1;transform: scale(1)}[data-theme="dark"] .lazy-placeholder{background: linear-gradient(135deg, var(--md-sys-color-surface-container-low), var(--md-sys-color-surface-container))}[data-theme="dark"] .lazy-placeholder::before{background: linear-gradient(90deg,transparent,rgba(255, 255, 255, 0.1),transparent)}[data-theme="dark"] .lazy-spinner{border-color: var(--md-sys-color-outline);border-top-color: var(--md-sys-color-primary)}.article-item-content{padding: 20px;flex: 1;display: flex;flex-direction: column}@media (max-width: 768px){.bible-content .article-item{margin-top: 2.5rem !important}.bible-content .article-item-image-container{display: flex;height: 100px}.bible-content .article-item-content .article-item-meta{display: none}.bible-content .article-item-content .article-item-title{font-weight: 500;margin-bottom: 16px}.bible-content .article-item-content .article-item-summary{display: none}}.article-item-meta{margin-bottom: 8px}.article-item-estimated-time{background: var(--md-sys-color-primary-container);color: var(--md-sys-color-on-primary-container);padding: 4px 8px;border-radius: 4px;font-size: 0.75rem;font-weight: 500;display: flex;justify-self: flex-start;gap: 4px}.article-item-estimated-time .material-icons{font-size: 16px}.article-item-title{font-size: 1.25rem;font-weight: 400;color: var(--on-surface);margin-bottom: 8px;line-height: 1.4;flex: 1}.article-item-summary{color: var(--md-sys-color-on-surface-variant);font-size: 0.875rem;line-height: 1.5;margin-bottom: 16px;flex: 1}.article-item-action{color: var(--primary-color);font-size: 0.875rem;font-weight: 500;display: flex;align-items: center;gap: 4px;margin-top: auto}.article-item-action .material-icons{font-size: 16px}.chapters-container{display: flex;flex-direction: column;gap: 32px}.chapter-section{display: flex;flex-direction: column;gap: 16px}.chapter-header{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 16px}.chapter-header h2{margin: 0;font-size: 1.5rem;font-weight: 500;color: var(--text-primary-color)}.chapter-header h2 a{color: var(--md-sys-color-primary);text-decoration: none;transition: color 0.2s ease}.chapter-header h2 a:hover{color: var(--md-sys-color-primary-variant);text-decoration: underline}.chapter-read-btn{background: var(--md-sys-color-primary-container);color: var(--md-sys-color-on-primary-container);border: none;padding: 8px 16px;border-radius: 20px;font-size: 0.875rem;font-weight: 500;cursor: pointer;display: flex;align-items: center;gap: 6px;transition: all 0.2s ease;text-decoration: none}.chapter-read-btn:hover{background: var(--md-sys-color-primary);color: var(--md-sys-color-on-primary);transform: translateY(-1px)}.chapter-read-btn .material-icons{font-size: 16px}.chapter-articles{display: flex;flex-direction: column;gap: 16px}.loading{text-align: center;padding: 48px 24px;color: var(--text-secondary-color);display: none;align-items: center;justify-content: center;flex-direction: column;min-height: 400px}.loading .spinner{width: 32px;height: 32px;border: 3px solid var(--outline);border-top: 3px solid var(--primary-color);border-radius: 50%;animation: spin 1s linear infinite;margin: 0 auto 16px}.skeleton-container{min-height: 600px;padding: 20px;animation: none}.skeleton-header{display: flex;flex-direction: column;gap: 16px;margin-bottom: 32px}.skeleton-title{height: 32px;background: linear-gradient(90deg, var(--md-sys-color-outline-variant) 25%, transparent 50%, var(--md-sys-color-outline-variant) 75%);background-size: 200% 100%;animation: shimmer-skeleton 2s infinite;border-radius: 4px;max-width: 400px}.skeleton-subtitle{height: 20px;background: linear-gradient(90deg, var(--md-sys-color-outline-variant) 25%, transparent 50%, var(--md-sys-color-outline-variant) 75%);background-size: 200% 100%;animation: shimmer-skeleton 2s infinite;border-radius: 4px;max-width: 300px;animation-delay: 0.2s}.skeleton-content{display: grid;gap: 20px}.skeleton-card{height: 200px;background: linear-gradient(90deg, var(--md-sys-color-surface-container) 25%, var(--md-sys-color-surface-container-high) 50%, var(--md-sys-color-surface-container) 75%);background-size: 200% 100%;animation: shimmer-skeleton 2s infinite;border-radius: 12px;border: 1px solid var(--md-sys-color-outline-variant)}.skeleton-card:nth-child(2){animation-delay: 0.1s}.skeleton-card:nth-child(3){animation-delay: 0.2s}.skeleton-card:nth-child(4){animation-delay: 0.3s}@keyframes shimmer-skeleton{0%{background-position: -200% 0}100%{background-position: 200% 0}}.skeleton-article-list{display: grid;gap: 16px}.skeleton-article-item{display: flex;gap: 16px;padding: 16px;background: var(--md-sys-color-surface-container);border-radius: 12px;border: 1px solid var(--md-sys-color-outline-variant);min-height: 120px}.skeleton-article-image{width: 120px;height: 80px;background: linear-gradient(90deg, var(--md-sys-color-outline-variant) 25%, transparent 50%, var(--md-sys-color-outline-variant) 75%);background-size: 200% 100%;animation: shimmer-skeleton 2s infinite;border-radius: 8px;flex-shrink: 0}.skeleton-article-content{flex: 1;display: flex;flex-direction: column;gap: 8px}.skeleton-article-title{height: 20px;background: linear-gradient(90deg, var(--md-sys-color-outline-variant) 25%, transparent 50%, var(--md-sys-color-outline-variant) 75%);background-size: 200% 100%;animation: shimmer-skeleton 2s infinite;border-radius: 4px;width: 80%}.skeleton-article-subtitle{height: 16px;background: linear-gradient(90deg, var(--md-sys-color-outline-variant) 25%, transparent 50%, var(--md-sys-color-outline-variant) 75%);background-size: 200% 100%;animation: shimmer-skeleton 2s infinite;border-radius: 4px;width: 60%;animation-delay: 0.1s}.skeleton-article-text{height: 14px;background: linear-gradient(90deg, var(--md-sys-color-outline-variant) 25%, transparent 50%, var(--md-sys-color-outline-variant) 75%);background-size: 200% 100%;animation: shimmer-skeleton 2s infinite;border-radius: 4px;width: 90%;animation-delay: 0.2s}@media (min-width: 768px){.skeleton-content{grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))}.skeleton-article-item{min-height: 100px}.skeleton-article-image{width: 100px;height: 70px}}@keyframes spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}.error{background: var(--error);color: var(--on-error);padding: 16px 20px;border-radius: 8px;margin: 16px 0}.error h3{margin-bottom: 8px;font-weight: 500}.error a{color: var(--on-error);text-decoration: underline}.navigation{display: flex;justify-content: space-between;align-items: center;gap: 16px;margin-top: 32px;padding-top: 24px;border-top: 1px solid var(--outline)}.nav-button{background: var(--primary-color);color: white;padding: 12px 20px;text-decoration: none;border-radius: 20px;font-weight: 500;font-size: 0.875rem;transition: background 0.2s, box-shadow 0.2s;display: inline-flex;align-items: center;gap: 8px;max-width: 280px}[data-theme="dark"] .nav-button{color: var(--md-sys-color-on-primary)}.nav-button:hover{background: var(--primary-dark);box-shadow: 0 2px 4px var(--shadow-light)}[data-theme="dark"] .nav-button:hover{color: white}.nav-button.disabled{background: var(--on-surface-variant);color: var(--surface);pointer-events: none;opacity: 0.6}.nav-button .material-icons{font-size: 18px}.breadcrumb{display: flex;align-items: center;gap: 0.5rem;margin-bottom: 1.5rem;padding: 0.75rem 1rem;background-color: var(--md-sys-color-surface-container-low);border-radius: 0.5rem;font-size: 0.875rem;color: var(--md-sys-color-on-surface-variant);box-shadow: var(--md-sys-elevation-level1);border: 1px solid var(--md-sys-color-outline-variant)}.breadcrumb .book-name{font-weight: 500}.breadcrumb a{color: var(--md-sys-color-primary);text-decoration: none;padding: 2px 6px;border-radius: 4px;transition: background-color 0.15s ease-out}.breadcrumb a:hover{background-color: var(--md-sys-color-primary-container);text-decoration: underline}.breadcrumb .material-icons{font-size: 16px}.breadcrumb-container{width: 100%;margin: 0;padding: 0;min-height: 48px;display: flex;align-items: center}.breadcrumb-container .breadcrumb-selects{gap: var(--md-sys-spacing-8);justify-content: center;width: 100%;padding: 0 8px}.breadcrumb-container .breadcrumb-select-container{margin-bottom: 0}.breadcrumb-container .breadcrumb-select{padding: var(--md-sys-spacing-8) var(--md-sys-spacing-12);font-size: 14px}.breadcrumb-item{position: relative;display: inline-block}.breadcrumb-dropdown-toggle{display: inline-flex;align-items: center;gap: 0.25rem;cursor: pointer;padding: 0.25rem 0.5rem;border-radius: 0.25rem;transition: background-color 0.2s}.breadcrumb-dropdown-toggle:hover{background-color: var(--md-sys-color-primary-container)}.breadcrumb-dropdown-toggle .dropdown-arrow{font-size: 0.875rem;opacity: 0.7;transition: transform 0.2s}.breadcrumb-dropdown-toggle.active .dropdown-arrow{transform: rotate(180deg)}.breadcrumb-dropdown{position: absolute;top: 100%;left: 0;min-width: 200px;max-width: 300px;background: var(--md-sys-color-surface-container);border: 1px solid var(--md-sys-color-outline-variant);border-radius: 0.5rem;box-shadow: var(--md-sys-elevation-level3);z-index: 1000;opacity: 0;visibility: hidden;transform: translateY(-8px);transition: all 0.2s ease-in-out;margin-top: 0.5rem}.breadcrumb-dropdown.active{opacity: 1;visibility: visible;transform: translateY(0)}.breadcrumb-dropdown-content{max-height: 300px;overflow-y: auto;padding: 0.5rem}.breadcrumb-dropdown-item{display: block;padding: 0.75rem 1rem;color: var(--md-sys-color-on-surface);text-decoration: none;border-radius: 0.375rem;transition: background-color 0.2s;font-size: 0.875rem;border: none;background: none;width: 100%;text-align: left;cursor: pointer}.breadcrumb-dropdown-item:hover{background-color: var(--md-sys-color-primary-container);color: var(--md-sys-color-on-primary-container)}.breadcrumb-dropdown-item.current{background-color: var(--md-sys-color-primary);color: var(--md-sys-color-on-primary);font-weight: 500}@media (max-width: 1024px){.breadcrumb{flex-wrap: wrap;gap: 0.25rem}.breadcrumb-dropdown{left: 50%;transform: translateX(-50%) translateY(-8px);min-width: 250px;max-width: calc(100vw - 2rem)}.breadcrumb-dropdown.active{transform: translateX(-50%) translateY(0)}.breadcrumb-dropdown-content{max-height: 40vh}.breadcrumb-dropdown-toggle{font-size: 0.875rem;padding: 0.375rem 0.5rem}}@media (max-width: 480px){.breadcrumb-dropdown{min-width: calc(100vw - 3rem);max-width: calc(100vw - 3rem);left: 50%}.breadcrumb-dropdown-content{max-height: 35vh}}.breadcrumb-selects{display: flex}select{padding: 0.75rem 1rem;background-color: var(--md-sys-color-surface);border: 1px solid var(--md-sys-color-outline-variant);border-radius: 0.375rem;color: var(--md-sys-color-on-surface);font-size: 0.875rem;transition: all 0.2s ease;cursor: pointer;outline: none}.breadcrumb-select:hover{border-color: var(--md-sys-color-outline);background-color: var(--md-sys-color-surface-container-low)}.breadcrumb-select:focus{border-color: var(--primary-color);box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.12);background-color: var(--md-sys-color-surface)}@media (max-width: 1024px){.breadcrumb-container .breadcrumb-selects{flex-direction: column;align-items: stretch;width: 100%}.breadcrumb-select{width: 100% !important;padding: 0.75rem 1rem;font-size: 0.875rem;margin-bottom: 0}.breadcrumb-select-container{min-width: unset;width: 100%;margin-bottom: 0}}.breadcrumb-select{position: relative;background: var(--md-sys-color-surface-container-highest);border: 1px solid var(--md-sys-color-outline-variant);border-radius: var(--md-sys-shape-corner-medium);padding: 0 44px 0 16px;height: 40px;display: flex;align-items: center;cursor: pointer;font: var(--md-sys-typescale-label-large);color: var(--md-sys-color-on-surface);outline: none;transition: border-color 0.2s}.breadcrumb-select-group{display: flex;gap: var(--md-sys-spacing-8)}#book-select{width: 185px}#chapter-select{width: 185px}#article-select{width: 275px}.static-page-breadcrumb #book-select{width: 200px !important}@media (max-width: 1024px){.static-page-breadcrumb #book-select{width: 100% !important}}.book-page-breadcrumb #book-select{width: 185px !important}.book-page-breadcrumb #chapter-select{width: 185px !important}@media (max-width: 1024px){.book-page-breadcrumb #book-select,.book-page-breadcrumb #chapter-select{width: 100% !important}}.chapter-page-breadcrumb #book-select{width: 170px !important}.chapter-page-breadcrumb #chapter-select{width: 170px !important}.chapter-page-breadcrumb #article-select{width: 275px !important}@media (max-width: 1024px){.chapter-page-breadcrumb #book-select,.chapter-page-breadcrumb #chapter-select,.chapter-page-breadcrumb #article-select{width: 100% !important}}@media (max-width: 768px){.chapter-page-breadcrumb .breadcrumb-select-container:has(> #article-select){display: none !important}.chapter-page-breadcrumb #article-select{display: none !important}}.article-page-breadcrumb #book-select{width: 170px !important}.article-page-breadcrumb #chapter-select{width: 170px !important}.article-page-breadcrumb #article-select{width: 275px !important}@media (max-width: 1024px){.article-page-breadcrumb #book-select,.article-page-breadcrumb #chapter-select,.article-page-breadcrumb #article-select{width: 100% !important}}.welcome-screen{padding: 2rem 0;text-align: center;opacity: 0;transform: translateY(0);transition: opacity 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);min-height: 80vh;contain: layout style}.welcome-screen:not(.hidden){opacity: 1;transform: translateY(0)}.welcome-content{max-width: 800px;padding: 0 1rem;margin: 0 auto}.welcome-header{margin-bottom: 3rem}.welcome-logo{margin-bottom: 1.5rem}.welcome-logo-svg{filter: brightness(0) saturate(100%) invert(21%) sepia(100%) saturate(2757%) hue-rotate(219deg) brightness(95%) contrast(101%)}[data-theme="dark"] .welcome-logo-svg{filter: brightness(0) saturate(100%) invert(75%) sepia(37%) saturate(434%) hue-rotate(191deg) brightness(102%) contrast(101%)}.welcome-title{font-size: 1.5625rem;font-weight: 500;margin: 1rem 0;line-height: 1.2}.welcome-description{font-size: 1.0625rem;color: #44474f;line-height: 1.6;margin: 0 auto;max-width: 600px}[data-theme="dark"] .welcome-description{color: #c4c7cf}.welcome-selector{margin: 3rem 0}.welcome-selector-title{font-size: 1.1875rem;font-weight: 500;color: var(--text-primary-color);margin-bottom: 2rem}.welcome-testament-list{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 3rem;margin: 2rem 0}.welcome-testament-card{background: var(--surface-color);border: 1px solid var(--outline-color);border-radius: 12px;padding: 2rem;text-decoration: none;color: inherit;transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);position: relative;overflow: hidden}.welcome-testament-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: var(--primary-color);opacity: 0;transition: opacity 0.3s cubic-bezier(0.4, 0.0, 0.2, 1)}.welcome-testament-card:hover::before{opacity: 0.04}.welcome-testament-card:hover{transform: translateY(-4px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);border-color: var(--primary-color-light)}.testament-card-content{position: relative;z-index: 1}.testament-card-icon{font-size: 3rem;color: var(--primary-color);margin-bottom: 1rem}.testament-card-title{font-size: 1.25rem;font-weight: 500;color: var(--text-primary-color);margin-bottom: 0.5rem}.testament-card-description{font-size: 0.875rem;color: var(--text-secondary-color);line-height: 1.4}.welcome-features{display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 1rem;margin-top: 3rem;border-top: 1px solid var(--outline-color)}.content-area{opacity: 0;transform: translateY(20px);transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);min-height: 400px}.content-area:not(.hidden){opacity: 1;transform: translateY(0)}.state-transition-enter{opacity: 0;transform: translateY(10px);animation: fadeInUp 0.3s ease-out forwards}.state-transition-exit{opacity: 1;transform: translateY(0);animation: fadeOutDown 0.3s ease-out forwards}@keyframes fadeInUp{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}@keyframes fadeOutDown{from{opacity: 1;transform: translateY(0)}to{opacity: 0;transform: translateY(-10px)}}.content-area.parallel-view{width: 100% !important;max-width: 100% !important;overflow: hidden;box-sizing: border-box;margin: 0 !important;padding: 0 !important}body.welcome-active{background: linear-gradient(135deg,#f8f9ff 0%,#e8f0ff 25%,#d0e4ff 50%,#b8d8ff 75%,#e8f0ff 100%) !important;min-height: 100vh;contain: layout style;will-change: auto}[data-theme="dark"] body.welcome-active{background: linear-gradient(135deg,#0a0d1a 0%,#1a1d2e 25%,#2a2d42 50%,#3a3d56 75%,#1a1d2e 100%) !important}[data-theme="dark"] .welcome-testament-card{background: var(--surface-container-color);border-color: var(--outline-variant-color)}[data-theme="dark"] .welcome-testament-card:hover{border-color: var(--primary-color)}[data-theme="dark"] .feature-inline{background: var(--surface-container-color)}body{background: #f8f9ff !important;min-height: 100vh;transition: background 0.2s ease}[data-theme="dark"] body{background: linear-gradient(180deg, rgba(39, 42, 62, 1) 0%, rgba(15, 20, 25, 1) 500px) !important}body .content-area{padding: 16px}@media (min-width: 769px){body .content-area{padding: 28px 84px 28px 84px}}@media (min-width: 1024px){body .content-area{padding: 32px 96px 32px 96px}}@media (min-width: 1440px){body .content-area{padding: 36px 108px 36px 108px}}.main-content.welcome-active{background: transparent !important;border-radius: 0;margin: 0}.feature-inline{display: flex;align-items: center;gap: 0.75rem;padding: 1rem;background: var(--surface-variant-color);border-radius: 8px;text-align: left}.feature-inline .material-icons{color: var(--primary-color);font-size: 1.5rem;flex-shrink: 0}.feature-inline span:not(.material-icons){color: var(--text-secondary-color);font-size: 0.875rem;line-height: 1.4}.welcome-testament-section{margin-bottom: 3rem}.welcome-testament-header{display: flex;align-items: center;flex-direction: column;margin-bottom: 1.5rem}.testament-header-icon{background: var(--primary-container);color: var(--on-primary-container);width: 48px;height: 48px;border-radius: 12px;display: flex;align-items: center;justify-content: center}.testament-header-icon .material-icons{font-size: 1.25rem;filter: brightness(0) saturate(100%) invert(21%) sepia(100%) saturate(2757%) hue-rotate(219deg) brightness(95%) contrast(101%)}[data-theme="dark"] .testament-header-icon .material-icons{filter: brightness(0) saturate(100%) invert(75%) sepia(37%) saturate(434%) hue-rotate(191deg) brightness(102%) contrast(101%)}.testament-header-content{flex: 1}.testament-header-title{color: var(--on-surface);font-size: 1.1875rem;font-weight: 500}.welcome-books-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));gap: 0.75rem}.welcome-book-link{background: #f7f5fa;border: 1px solid #757780;border-radius: 8px;padding: 0.75rem;text-decoration: none;color: var(--on-surface);font-weight: 500;font-size: 0.875rem;text-align: center;transition: all 0.2s cubic-bezier(0.2, 0, 0, 1);position: relative;overflow: hidden}.welcome-book-link::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: var(--primary-color);opacity: 0;transition: opacity 0.2s cubic-bezier(0.2, 0, 0, 1);border-radius: 8px}.welcome-book-link:hover::before{opacity: 0.08}.welcome-book-link:hover{border-color: var(--primary-color);color: var(--primary-color);transform: translateY(-1px);box-shadow: 0 2px 8px rgba(0, 102, 255, 0.12)}[data-theme="dark"] .welcome-book-link{background: #20242a;border-color: #8e9099;color: var(--on-surface)}[data-theme="dark"] .welcome-book-link:hover{border-color: var(--primary-color);color: var(--primary-color)}@media (max-width: 768px){.welcome-books-grid{grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));gap: 0.5rem}.welcome-book-link{padding: 0.5rem;font-size: 0.9rem}.testament-header-title{font-size: 1.1875rem}.testament-header-icon{width: 40px;height: 40px}.testament-header-icon .material-icons{font-size: 1.25rem}}.footer{background: var(--md-sys-color-surface-container-low);border-top: 1px solid var(--md-sys-color-outline-variant);padding: 48px 24px;margin-top: 48px;color: var(--md-sys-color-on-surface-variant);box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1);min-height: 320px;contain: layout style paint;transform: translateZ(0);backface-visibility: hidden}.parallel-view-active .footer,body:has(.parallel-view) .footer{display: none !important}body:has(.parallel-view){overflow-y: hidden !important;height: 100vh !important}@media (min-width: 769px){.video-container{max-width: 640px;margin: 32px auto}.image-container{max-width: 100%;margin: 32px 0 24px 0}}@media (min-width: 1024px){.video-container{max-width: 720px;margin: 40px auto}.image-container{max-width: 100%;margin: 36px 0 24px 0}}@media (min-width: 1440px){.video-container{max-width: 800px;margin: 48px auto}.image-container{max-width: 100%;margin: 40px 0 24px 0}}@media (max-width: 768px){.container{padding: 0 12px}.header{position: sticky;top: 0;padding-top: max(var(--md-sys-spacing-16), env(safe-area-inset-top, 16px));min-height: calc(64px env(safe-area-inset-top, 0px));-webkit-transform: translateZ(0);transform: translateZ(0);isolation: isolate}.header .container{padding-left: max(var(--md-sys-spacing-12), env(safe-area-inset-left, 12px));padding-right: max(var(--md-sys-spacing-12), env(safe-area-inset-right, 12px));flex-direction: column;gap: var(--md-sys-spacing-8);align-items: stretch}.mobile-header-row{display: flex;align-items: center;justify-content: space-between;width: 100%}.logo{font: var(--md-sys-typescale-title-medium);margin-left: 0;flex-shrink: 0;position: static;grid-area: unset}.header-actions{gap: var(--md-sys-spacing-2);flex-shrink: 0;grid-area: unset;justify-self: unset}.nav-links{max-width: none;min-width: auto;position: static;transform: none;grid-area: unset;justify-self: unset;order: unset;flex-basis: unset;margin-top: 0;width: 100%}.welcome-title{font-size: 1.3125rem}.welcome-description{font-size: 0.9375rem}.welcome-testament-list{grid-template-columns: 1fr;gap: 1rem}.welcome-features{grid-template-columns: 1fr;gap: 1rem}}@media (hover: none) and (pointer: coarse){.md-icon-button:hover::before,.md-text-button:hover::before,.md-filled-button:hover::before,.md-outlined-button:hover::before{opacity: 0}.md-icon-button:active::before,.md-text-button:active::before,.md-filled-button:active::before,.md-outlined-button:active::before{opacity: 0.16}*{touch-action: manipulation}.md-icon-button,.md-text-button,.md-filled-button,.md-outlined-button{pointer-events: auto !important;touch-action: manipulation;-webkit-user-select: none;user-select: none;position: relative;z-index: 1}.tooltip-container .tooltip{pointer-events: none !important}.md-icon-button::before,.md-text-button::before,.md-filled-button::before,.md-outlined-button::before{pointer-events: none}}@media (max-width: 1024px) and (min-width: 769px){.header .container{padding-left: max(var(--md-sys-spacing-16), env(safe-area-inset-left, 16px));padding-right: max(var(--md-sys-spacing-16), env(safe-area-inset-right, 16px))}.welcome-testament-list{grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))}.welcome-features{grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))}}@media (max-width: 600px){.container{padding: 0 8px}.header .container{padding-left: max(var(--md-sys-spacing-8), env(safe-area-inset-left, 8px));padding-right: max(var(--md-sys-spacing-8), env(safe-area-inset-right, 8px))}.card-content{padding: 16px}.article-title{font-size: 1.5rem}.article-content h1{font-size: 1.75rem}.article-content h2{font-size: 1.25rem}.navigation{flex-direction: column;gap: 12px}.nav-button{width: 100%;justify-content: center;text-align: center}.welcome-title{font-size: 1.3125rem}.theme-toggle{bottom: 16px;right: 16px}.video-container{margin: 16px 0}.video-error{padding: 16px}.image-container{margin: 24px 0 16px 0}.image-error{padding: 16px}}.hidden{display: none !important}.md-icon-button:focus{outline: none}.md-outlined-button:focus,.md-filled-button:focus,.nav-link:focus{outline: 2px solid var(--primary-color);outline-offset: 2px}.footer-link{font-size: 0.9375rem;color: var(--color-text-secondary);text-decoration: none;transition: color 0.2s}.footer-link:hover{color: var(--color-primary)}.footer{font-size: var(--font-size-base);background: var(--color-bg-secondary);border-top: 1px solid var(--color-border);margin-top: auto;padding: 2rem 0 1rem}.footer-content{font-size: var(--font-size-base);display: grid;grid-template-columns: 1fr;gap: 2rem;margin-bottom: 2rem;padding-left: 1rem;padding-right: 1rem;min-height: 180px}@media (min-width: 768px){.footer-content{grid-template-columns: 2fr 1fr 1fr;min-height: 120px}}.footer-section{min-height: 80px;contain: layout}.footer-section-title{color: var(--color-primary);font-weight: 500;font-size: var(--font-size-base);font-size: var(--font-size-base);margin: 0 0 1rem 0;display: flex;align-items: center;gap: 0.5rem}.footer-logo{font-size: var(--font-size-base);display: inline-flex;align-items: center;gap: var(--md-sys-spacing-8);cursor: pointer;transition: var(--transition);padding: var(--md-sys-spacing-8);border-radius: var(--md-sys-shape-corner-small);margin-left: calc(-1 * var(--md-sys-spacing-8));font: var(--md-sys-typescale-title-medium);font-weight: 500;color: var(--md-sys-color-primary);text-decoration: none;margin-bottom: 1rem}.footer-logo:hover{background-color: var(--md-sys-color-primary);color: var(--md-sys-color-on-primary)}.footer-logo:hover .material-icons{color: var(--md-sys-color-on-primary)}.footer-logo .material-icons{font-size: 28px;color: var(--md-sys-color-primary)}.footer-title{font-weight: 500;font-size: 1.125rem}.footer-description{color: var(--color-text-secondary);font-size: 0.9375rem;line-height: 1.5;margin: 0}.footer-links{list-style: none;padding: 0;margin: 0}.footer-links li{display: flex;align-items: center;gap: 0.5rem;padding: 0.25rem 0;color: var(--color-text-secondary);font-size: 0.9375rem}.footer-links .material-icons{font-size: 1rem;color: #757780}.footer-bottom{font-size: var(--font-size-base);padding-top: 1.5rem;border-top: 1px solid var(--color-border);display: flex;flex-direction: column;align-items: center;gap: 0.5rem;text-align: center;padding-left: 1rem;padding-right: 1rem}.footer-copyright{color: var(--color-text-secondary);font-size: 0.9375rem;margin: 0;display: flex;align-items: center;gap: 0.25rem;flex-wrap: wrap;justify-content: center}.footer-copyright .heart{color: var(--color-danger);font-size: 1rem;animation: heartbeat 1.5s ease-in-out infinite}.footer-meta{display: flex;align-items: center;gap: 0.5rem;font-size: var(--font-size-base);color: var(--color-text-muted)}.footer-separator{opacity: 0.6}.footer-social-buttons{display: flex;gap: 0.75rem;align-items: center;margin-top: 0.5rem}.footer-social-btn{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;text-decoration: none;background: #cce6ff;color: #001f3d;border: none;padding: 0;font-size: 20px;flex-shrink: 0;transition: transform 0.15s, box-shadow 0.15s, background 0.15s, color 0.15s;transform: scale(1);will-change: transform}.footer-social-btn img{width: 24px;height: 24px;display: block;object-fit: contain;flex-shrink: 0}.footer-social-btn:hover,.footer-social-btn:focus{transform: scale(1.12);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);background: #001f3d;color: #99ccff}.footer-social-btn .material-icons{font-size: 24px;color: #004bbc;transition: color 0.15s;display: block}.footer-social-btn:hover .material-icons,.footer-social-btn:focus .material-icons{color: #99ccff}.footer-social-btn:hover .material-icons,.footer-social-btn:focus .material-icons{color: #004bbc}@keyframes heartbeat{0%,100%{transform: scale(1)}50%{transform: scale(1.1)}}.tooltip-container{position: relative;display: inline-block}.tooltip{position: absolute;top: calc(100% 8px);left: 50%;transform: translateX(-50%);background: var(--md-sys-color-surface-container-highest);color: var(--md-sys-color-on-surface);padding: 8px 12px;border-radius: var(--md-sys-shape-corner-small);font-size: 12px;font-weight: 500;white-space: nowrap;opacity: 0;visibility: hidden;transition: opacity 0.2s, visibility 0.2s, transform 0.2s;z-index: 1000;pointer-events: none;box-shadow: var(--md-sys-elevation-level2)}.tooltip{background: var(--md-sys-color-inverse-surface) !important;color: var(--md-sys-color-inverse-on-surface) !important}.tooltip::before{content: '';position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);border: 4px solid transparent;border-bottom-color: var(--md-sys-color-inverse-surface) !important}[data-theme="dark"] .tooltip{background: var(--md-sys-color-inverse-surface) !important;color: var(--md-sys-color-inverse-on-surface) !important}[data-theme="dark"] .tooltip::before{border-bottom-color: var(--md-sys-color-inverse-surface) !important}.tooltip-container:hover .tooltip,.tooltip-container:focus-within .tooltip{opacity: 1;visibility: visible;transform: translateX(-50%) translateY(4px)}.tooltip.tooltip-left{left: auto;right: calc(100% 8px);top: 50%;bottom: auto;transform: translateY(-50%)}.tooltip.tooltip-right{left: calc(100% 8px);right: auto;top: 50%;bottom: auto;transform: translateY(-50%)}.tooltip.tooltip-left::before{left: 100%;top: 50%;transform: translateY(-50%);border: 4px solid transparent;border-left-color: var(--md-sys-color-surface-container-highest);border-top-color: transparent}.tooltip.tooltip-right::before{right: 100%;top: 50%;transform: translateY(-50%);border: 4px solid transparent;border-right-color: var(--md-sys-color-surface-container-highest);border-top-color: transparent}.tooltip.tooltip-above::before{top: 100%;border-top-color: var(--md-sys-color-surface-container-highest)}@media (max-width: 768px){.tooltip-container .tooltip{display: none}}[data-theme="dark"] .footer{background: var(--md-sys-color-surface-container-low);border-top-color: var(--md-sys-color-outline-variant)}[data-theme="dark"] .footer-bottom{border-top-color: var(--md-sys-color-outline-variant)}@keyframes heartbeat{0%, 100%{transform: scale(1)}50%{transform: scale(1.1)}}@media (min-width: 768px){.footer-content{grid-template-columns: 2fr 1fr 1fr;gap: 3rem}.footer-bottom{flex-direction: row;justify-content: space-between;text-align: left}}@media (min-width: 1024px){.footer{padding: 3rem 0 1.5rem}.footer-content{gap: 4rem}.footer-bottom{flex-direction: row;justify-content: space-between;align-items: center;text-align: left;gap: 0}.footer-copyright{justify-content: flex-start;margin-left: 0}.footer-meta{justify-content: flex-end;margin-right: 0}}[data-theme="dark"] .footer{background: var(--md-sys-color-surface-container-low);border-top-color: var(--md-sys-color-outline-variant)}[data-theme="dark"] .footer-bottom{border-top-color: var(--md-sys-color-outline-variant)}.static-page-body{line-height: 1.6;color: var(--color-text-secondary)}.static-page-body p{margin-bottom: 1rem;text-align: justify;font-size: var(--font-size-base)}.static-page-body li{text-align: justify;font-size: var(--font-size-base)}.hero-section{background: linear-gradient(135deg,var(--md-sys-color-primary-container) 0%,var(--md-sys-color-surface-container-high) 100%);color: var(--md-sys-color-on-primary-container);padding: 40px 32px;border-radius: 20px;margin: 24px 0;text-align: center;position: relative;overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content: center}.hero-section::before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("data:image/svg xml,<svg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'><g fill='none' fill-rule='evenodd'><g fill='#ffffff' fill-opacity='0.05'><circle cx='30' cy='30' r='2'/></g></g></svg>")repeat;opacity: 0.1}.hero-section > *{position: relative;z-index: 1}.hero-icon{width: 80px;height: 80px;margin: 0 auto 20px;background: var(--md-sys-color-primary);color: var(--md-sys-color-on-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 48px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2)}.hero-section h2{margin: 0 0 12px 0;color: var(--md-sys-color-on-primary-container);font-size: 1.1875rem;font-weight: 500}.hero-section p{margin: 8px 0;color: var(--md-sys-color-on-primary-container);font-size: 0.9375rem;line-height: 1.6}.section-header{display: flex;align-items: center;gap: 12px;margin: 32px 0 20px 0;padding-bottom: 12px;border-bottom: 2px solid var(--md-sys-color-outline-variant)}.section-header .material-icons{color: var(--md-sys-color-primary);font-size: 28px}.section-header h2{margin: 0;color: var(--md-sys-color-on-surface);font-size: 1.5rem;font-weight: 500}.contact-grid{display: flex;flex-direction: column;gap: 16px;margin: 20px 0;font-size: var(--font-size-base);box-sizing: border-box}.contact-item{display: flex;align-items: center;gap: 16px;padding: 16px 20px;background: var(--md-sys-color-surface-container-low);border-radius: 12px;border: 1px solid var(--md-sys-color-outline-variant);text-decoration: none;transition: all 0.2s ease;color: var(--md-sys-color-on-surface)}.contact-item:hover{background: var(--md-sys-color-primary-container);color: var(--md-sys-color-on-primary-container);transform: translateX(4px)}.contact-icon{width: 40px;height: 40px;background: var(--md-sys-color-primary-container);color: var(--md-sys-color-on-primary-container);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px;flex-shrink: 0}.contact-icon img{width: 24px;height: 24px;display: block}.contact-item:hover .contact-icon{background: var(--md-sys-color-primary);color: var(--md-sys-color-on-primary)}.contact-text{flex: 1}.contact-text strong{display: block;margin-bottom: 4px;font-weight: 500;font-size: var(--font-size-base)}.contact-text span{color: var(--md-sys-color-on-surface-variant);font-size: var(--font-size-base)}.feature-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;margin: 24px 0}.feature-item{display: flex;align-items: flex-start;gap: 16px;padding: 20px;background: var(--md-sys-color-surface-container-low);border-radius: 12px;border: 1px solid var(--md-sys-color-outline-variant);transition: all 0.2s ease}.feature-item:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1)}.feature-icon{flex-shrink: 0;width: 48px;height: 48px;background: var(--md-sys-color-primary-container);color: var(--md-sys-color-on-primary-container);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 24px}.feature-content h3{margin: 0 0 8px 0;font-size: 1.1rem;font-weight: 500;color: var(--md-sys-color-on-surface)}.feature-content p{margin: 0;color: var(--md-sys-color-on-surface-variant);line-height: 1.5}@media (min-width: 700px){.contact-grid{flex-direction: row;flex-wrap: wrap;gap: 16px 32px}.contact-grid > .contact-item{width: calc(50% - 16px);box-sizing: border-box}}@media (max-width: 700px){.contact-grid{flex-direction: column}.feature-grid{grid-template-columns: 1fr}.hero-section{padding: 20px 16px;margin: 12px 0}.hero-icon{width: 56px;height: 56px;font-size: 32px;margin-bottom: 12px}.hero-section h2{font-size: 1.5rem;margin-bottom: 8px}.hero-section p{font-size: 1rem}.section-header{gap: 8px;margin: 24px 0 16px 0;padding-bottom: 8px}.section-header .material-icons{font-size: 24px}.section-header h2{font-size: 1.2rem}.contact-item{padding: 12px 16px;gap: 12px}.contact-icon{width: 32px;height: 32px;font-size: 18px}.contact-text strong{font-size: 0.9rem}.contact-text span{font-size: 0.8rem}}.header-logo-svg,.footer-logo-svg{filter: brightness(0) saturate(100%) invert(21%) sepia(100%) saturate(2757%) hue-rotate(219deg) brightness(95%) contrast(101%)}[data-theme="dark"] .header-logo-svg,[data-theme="dark"] .footer-logo-svg{filter: brightness(0) saturate(100%) invert(75%) sepia(37%) saturate(434%) hue-rotate(191deg) brightness(102%) contrast(101%)}.hero-logo-svg{filter: brightness(0) saturate(100%) invert(91%) sepia(3%) saturate(247%) hue-rotate(202deg) brightness(95%) contrast(88%)}[data-theme="dark"] .hero-logo-svg{filter: brightness(0) saturate(100%) invert(8%) sepia(8%) saturate(1319%) hue-rotate(169deg) brightness(97%) contrast(89%)}.feature-logo-svg{filter: brightness(0) saturate(100%) invert(8%) sepia(8%) saturate(1319%) hue-rotate(169deg) brightness(97%) contrast(89%)}[data-theme="dark"] .feature-logo-svg{filter: brightness(0) saturate(100%) invert(91%) sepia(3%) saturate(247%) hue-rotate(202deg) brightness(95%) contrast(88%)}.logo:hover .header-logo-svg{filter: brightness(0) saturate(100%) invert(20%) sepia(24%) saturate(1259%) hue-rotate(198deg) brightness(95%) contrast(102%)}[data-theme="dark"] .logo:hover .header-logo-svg{filter: brightness(0) saturate(100%) invert(20%) sepia(24%) saturate(1259%) hue-rotate(198deg) brightness(95%) contrast(102%)}.footer-logo:hover .footer-logo-svg{filter: brightness(0) saturate(100%) invert(20%) sepia(24%) saturate(1259%) hue-rotate(198deg) brightness(95%) contrast(102%)}[data-theme="dark"] .footer-logo:hover .footer-logo-svg{filter: brightness(0) saturate(100%) invert(20%) sepia(24%) saturate(1259%) hue-rotate(198deg) brightness(95%) contrast(102%)}.cookie-banner{background-color: var(--md-sys-color-surface-container-high);border-top: 1px solid var(--md-sys-color-outline-variant);padding: 1rem;position: fixed;bottom: 0;left: 0;right: 0;z-index: 1000;box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);backdrop-filter: blur(10px)}.cookie-banner-content{max-width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;gap: 1rem}.cookie-banner-text{display: flex;align-items: center;gap: 0.5rem;flex: 1;font-size: 0.9rem;color: var(--md-sys-color-on-surface-variant);line-height: 1.4}.cookie-banner-text .material-icons{color: var(--md-sys-color-primary);font-size: 1.2rem}.cookie-link{color: var(--md-sys-color-primary);text-decoration: none;font-weight: 500}.cookie-link:hover{text-decoration: underline}.cookie-banner-actions{display: flex;align-items: center}.accept-cookies-btn{background: var(--md-sys-color-primary);color: var(--md-sys-color-on-primary);border: 1px solid transparent;padding: 0.5rem 1rem;border-radius: 20px;font-size: 0.875rem;font-weight: 500;cursor: pointer;transition: all 0.2s ease;white-space: nowrap;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1)}.accept-cookies-btn::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: inherit;background-color: var(--md-sys-color-state-layer-color, var(--md-sys-color-on-primary));opacity: 0;transition: opacity 0.2s ease;pointer-events: none}.accept-cookies-btn:hover::before{opacity: var(--md-sys-state-hover-state-layer-opacity, 0.08)}.accept-cookies-btn:hover{transform: translateY(-1px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)}.accept-cookies-btn:active::before{opacity: var(--md-sys-state-pressed-state-layer-opacity, 0.12)}@media (max-width: 768px){.cookie-banner-content{flex-direction: column;text-align: center;gap: 0.75rem}.cookie-banner-text{font-size: 0.85rem}.cookie-banner-actions{width: 100%;justify-content: center}}@media (max-width: 480px){.cookie-banner{padding: 0.75rem}.cookie-banner-text span:not(.material-icons){font-size: 0.8rem}.accept-cookies-btn{padding: 0.5rem 0.75rem;font-size: 0.8rem}}[data-theme="dark"] .cookie-banner{background-color: var(--md-sys-color-surface-container-high);border-top-color: var(--md-sys-color-outline-variant)}[data-theme="dark"] .cookie-link{color: var(--md-sys-color-primary)}[data-theme="dark"] .accept-cookies-btn{background: var(--md-sys-color-primary);color: var(--md-sys-color-on-primary);border: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 2px 4px rgba(0, 102, 255, 0.2)}.bible-book-container{max-width: 1200px;margin: 0 auto;padding: 1.5rem}.bible-book-header{text-align: center;margin-bottom: 2rem}.bible-book-header h1{font-size: 2.5rem;font-weight: 500;color: var(--md-sys-color-on-surface);margin-bottom: 0.5rem}.bible-book-info{color: var(--md-sys-color-on-surface-variant);font-size: 1.1rem;margin: 0}.bible-chapters-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));gap: 1rem;margin-top: 2rem}.chapter-card{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 1.5rem 1rem;background: var(--md-sys-color-surface-container);border-radius: 12px;text-decoration: none;color: var(--md-sys-color-on-surface);transition: all 0.2s ease;border: 1px solid var(--md-sys-color-outline-variant);min-height: 100px}.chapter-card:hover{background: var(--md-sys-color-surface-container-high);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1)}.chapter-number{font-size: 1.5rem;font-weight: 600;color: var(--md-sys-color-primary);margin-bottom: 0.25rem}.chapter-label{font-size: 0.9rem;color: var(--md-sys-color-on-surface-variant);text-align: center}.bible-viewer{max-width: 800px;margin: 0 auto;padding: 1.5rem}.bible-header{text-align: center;margin-bottom: 2rem;padding-bottom: 1rem;border-bottom: 1px solid var(--md-sys-color-outline-variant)}.bible-header h1{font-size: 2rem;font-weight: 500;color: var(--md-sys-color-on-surface);margin-bottom: 0.5rem}.bible-reading-time-btn{color: var(--md-sys-color-on-secondary-container) !important;border: 1px solid var(--md-sys-color-outline-variant) !important;gap: 8px;font-size: 0.875rem;padding: 8px 12px;pointer-events: none !important}.bible-reading-time-btn .material-icons{font-size: 1.1rem !important}.bible-controls .favorite-chapter-btn{gap: 6px !important;font-size: 0.875rem !important;padding: 8px 12px !important}.bible-controls .favorite-chapter-btn .material-icons{font-size: 1.1rem !important}.bible-nav-buttons{display: flex;justify-content: space-between;align-items: center;gap: 1rem}@media (max-width: 600px){.bible-nav-buttons{flex-direction: row;gap: 0.5rem;align-items: stretch}.bible-nav-buttons .nav-button{flex: 1;justify-content: center;min-height: 48px;margin: 0;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}}.bible-nav-buttons .nav-button{display: flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1rem;background: var(--md-sys-color-surface-container);border: 1px solid var(--md-sys-color-outline-variant);border-radius: 8px;text-decoration: none;color: var(--md-sys-color-on-surface);transition: all 0.2s ease}.bible-nav-buttons .nav-button:hover{background: var(--md-sys-color-surface-container-high)}@media (min-width: 601px){.bible-nav-buttons .nav-button.prev{margin-right: auto}.bible-nav-buttons .nav-button.next{margin-left: auto}}.floating-nav-buttons{position: fixed;top: 60%;left: 50%;transform: translate(-50%, -50%);width: min(800px, 90vw);max-width: 800px;height: 0;pointer-events: none;z-index: 1000;overflow: visible}.floating-nav-btn{position: absolute;top: 0;width: 48px;height: 48px;border-radius: 50%;background: var(--md-sys-color-primary-container, #E3F2FD);color: var(--md-sys-color-on-primary-container, #1565C0);border: none;box-shadow: var(--md-sys-elevation-level3, 0 4px 8px rgba(0,0,0,0.2));cursor: pointer;transition: all 0.2s ease;pointer-events: auto;display: flex;align-items: center;justify-content: center;font-size: 0;transform: translateY(-50%)}.floating-nav-btn .material-icons{font-size: 24px}.floating-nav-btn:hover{background: #99ccff}[data-theme="dark"] .floating-nav-btn:hover{background: #99ccff}.floating-nav-btn:active{background: var(--md-sys-color-primary-container-pressed, #BFD9C4)}.floating-nav-btn.prev-chapter{left: -140px}.floating-nav-btn.next-chapter{right: -140px}@media (max-width: 768px){.floating-nav-buttons{left: 0;right: 0;width: 100vw;transform: translateY(-50%)}.floating-nav-btn{width: 40px;height: 40px}.floating-nav-btn .material-icons{font-size: 20px}.floating-nav-btn.prev-chapter{left: 12px}.floating-nav-btn.next-chapter{right: 12px}}@media (max-width: 480px){.floating-nav-buttons{left: 0;right: 0;width: 100vw;transform: translateY(-50%)}.floating-nav-btn{width: 36px;height: 36px}.floating-nav-btn .material-icons{font-size: 18px}.floating-nav-btn.prev-chapter{left: 8px}.floating-nav-btn.next-chapter{right: 8px}}.bible-content{line-height: 1.8;font-family: var(--font-serif, serif);font-size: 1.1rem;margin-bottom: 2rem}.bible-verse{padding: 0.35rem 0.75rem}.has-highlighted-verses .bible-verse{padding: 0.5rem 0.75rem}.bible-verse.highlighted{background-color: #fff3cd;border-left: 4px solid #ffc107;position: relative;padding: 0.75rem}[data-theme="dark"] .bible-verse.highlighted{background-color: #2d2a1a;border-left-color: #ffeb3b}.verse-number{top: -0.6rem;color: var(--on-surface);font-family: 'Roboto', Arial, sans-serif;font-size: .85rem;vertical-align: baseline;opacity: .7;position: relative}.verse-text{flex: 1;color: var(--on-surface);font-family: 'Roboto', Arial, sans-serif;font-size: 1rem;line-height: 1.7;text-align: justify}.verse-added{font-style: italic;color: var(--md-sys-color-on-surface-variant)}.verse-footnote,.verse-reference{position: relative;cursor: help;display: inline-flex;align-items: center;margin: 0 2px;top: -3px}.footnote-icon{display: inline-flex;align-items: center;justify-content: center;width: 16px;height: 16px;border-radius: 50%;background: var(--md-sys-color-outline);color: var(--md-sys-color-surface);font-size: 10px;font-weight: bold;font-family: system-ui, -apple-system, sans-serif;margin: 0 4px;transition: background-color 0.2s ease;vertical-align: baseline}.reference-icon{display: inline-flex;align-items: center;justify-content: center;width: 16px;height: 16px;border-radius: 50%;background: var(--md-sys-color-outline);color: var(--md-sys-color-surface);font-size: 10px;font-weight: bold;font-family: system-ui, -apple-system, sans-serif;margin: 0 4px;transition: background-color 0.2s ease;vertical-align: baseline}.verse-footnote:hover .footnote-icon{background: var(--md-sys-color-primary)}.verse-reference:hover .reference-icon{background: var(--md-sys-color-primary)}.footnote-key{border-bottom: 2px dotted var(--md-sys-color-primary);cursor: help;transition: border-color 0.2s ease}.footnote-key:hover{border-bottom-color: var(--md-sys-color-on-surface)}.verse-tooltip{position: absolute;background: var(--md-sys-color-inverse-surface);color: var(--md-sys-color-inverse-on-surface);padding: 8px 12px;border-radius: 6px;font-size: 0.875rem;max-width: 300px;word-wrap: break-word;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);z-index: 1000;opacity: 0;transform: translateY(-4px);transition: opacity 0.2s ease, transform 0.2s ease;pointer-events: none}.verse-tooltip.visible{opacity: 1;transform: translateY(0)}.verse-tooltip.tooltip-below{transform: translateY(4px)}.verse-tooltip.tooltip-below.visible{transform: translateY(0)}.bible-actions{display: flex;justify-content: center;gap: 1rem;padding-top: 1.5rem;border-top: 1px solid var(--md-sys-color-outline-variant)}.bible-actions .md-outlined-button{display: flex;align-items: center;gap: 0.5rem}.module-navigation{padding-bottom: 24px;border-bottom: 1px solid var(--md-sys-color-outline-variant);margin-bottom: 24px}.parallel-view .module-navigation{width: 100% !important;max-width: 100% !important;margin: 0 !important;padding: 1rem 0 !important;box-sizing: border-box}.module-nav-buttons{display: flex;gap: 0.75rem;justify-content: center;flex-wrap: wrap}.module-nav-btn{display: flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.25rem;background: var(--md-sys-color-surface-container);border: 1px solid var(--md-sys-color-outline-variant);border-radius: 24px;color: var(--md-sys-color-on-surface);text-decoration: none;font-weight: 500;font-size: 0.9rem;cursor: pointer;transition: all 0.3s ease;position: relative;overflow: hidden}.module-nav-btn::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition: left 0.5s ease}.module-nav-btn:hover::before{left: 100%}.module-nav-btn:hover{background: var(--md-sys-color-surface-container-high);border-color: var(--md-sys-color-primary);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 102, 255, 0.15)}.module-nav-btn.active{background: var(--md-sys-color-primary);border-color: var(--md-sys-color-primary);color: var(--md-sys-color-on-primary);box-shadow: 0 2px 8px rgba(0, 102, 255, 0.3)}.module-nav-btn.active:hover{background: var(--md-sys-color-primary-dark, #1256a3);transform: translateY(-2px);box-shadow: 0 6px 16px rgba(0, 102, 255, 0.4)}.module-nav-btn .material-icons{font-size: 1.2rem}.module-nav-btn span:not(.material-icons){font-weight: 600}.parallel-view-preference{display: flex;align-items: center;gap: 0.5rem;margin-left: 0.75rem;padding-left: 0.75rem;border-left: 1px solid var(--md-sys-color-outline-variant)}.parallel-view-switch{display: flex;align-items: center;cursor: pointer;position: relative}.parallel-view-switch input{display: none}.switch-slider{position: relative;width: 44px;height: 24px;background: var(--md-sys-color-surface-variant);border: 2px solid var(--md-sys-color-outline);border-radius: 12px;transition: all 0.3s ease;cursor: pointer}.switch-slider::before{content: '';position: absolute;width: 16px;height: 16px;border-radius: 50%;background: var(--md-sys-color-outline);top: 2px;left: 2px;transition: all 0.3s ease}.parallel-view-switch input:checked .switch-slider{background: var(--md-sys-color-primary);border-color: var(--md-sys-color-primary)}.parallel-view-switch input:checked .switch-slider::before{background: var(--md-sys-color-on-primary);transform: translateX(20px)}.parallel-view-switch:hover .switch-slider{box-shadow: 0 2px 8px rgba(0, 102, 255, 0.2)}.switch-label{font-size: 0.85rem;color: var(--md-sys-color-on-surface-variant);font-weight: 500;user-select: none}[data-theme="dark"] .switch-slider{background: var(--md-sys-color-surface-variant);border-color: var(--md-sys-color-outline)}[data-theme="dark"] .switch-slider::before{background: var(--md-sys-color-outline)}[data-theme="dark"] .parallel-view-switch input:checked .switch-slider{background: var(--md-sys-color-primary);border-color: var(--md-sys-color-primary)}[data-theme="dark"] .parallel-view-switch input:checked .switch-slider::before{background: var(--md-sys-color-on-primary)}.parallel-view{width: 100% !important;max-width: 100% !important;height: auto !important;padding: 0 !important;margin: 0 !important;box-sizing: border-box}.parallel-container{display: flex;width: 100% !important;max-width: 100% !important;min-height: calc(100vh - 73px - 79.2px) !important;height: calc(100vh - 73px - 79.2px) !important;max-height: calc(100vh - 73px - 79.2px) !important;margin: 0 !important;padding: 0 !important;box-sizing: border-box;position: relative;overflow: hidden}.parallel-study,.parallel-bible{display: flex;flex-direction: column;height: 100%;min-height: 100%;overflow: hidden;box-sizing: border-box;flex: 1}.parallel-study{width: 50%}.parallel-bible{width: 50%}.parallel-divider{width: 6px;background: var(--md-sys-color-outline-variant);cursor: col-resize;flex-shrink: 0;position: relative;transition: background-color 0.2s ease;z-index: 10}.parallel-divider:hover{background: var(--md-sys-color-primary)}.parallel-divider:active{background: var(--md-sys-color-primary)}.parallel-divider::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 3px;height: 40px;background: currentColor;opacity: 0.3;border-radius: 2px}.parallel-divider:hover::before{opacity: 0.8}.parallel-content{flex: 1;overflow-y: auto;overflow-x: hidden;height: 100%;box-sizing: border-box;padding: 1.5rem;padding-top: 0;height: 0;box-sizing: border-box;word-wrap: break-word;overflow-wrap: break-word}.parallel-content{scrollbar-width: thin;scrollbar-color: var(--md-sys-color-outline) var(--md-sys-color-surface-container)}.parallel-content::-webkit-scrollbar{width: 12px}.parallel-content::-webkit-scrollbar-track{background: var(--md-sys-color-surface-container);border-radius: 6px;margin: 4px 0}.parallel-content::-webkit-scrollbar-thumb{background: var(--md-sys-color-outline);border-radius: 6px;border: 2px solid var(--md-sys-color-surface-container)}.parallel-content::-webkit-scrollbar-thumb:hover{background: var(--md-sys-color-on-surface-variant)}.parallel-content::-webkit-scrollbar-corner{background: var(--md-sys-color-surface-container)}.parallel-study .image-container{display: none}.parallel-study .article-content h1,.parallel-bible .bible-content h3{font-size: 1.4rem;margin-bottom: 1rem;line-height: 1.3;word-wrap: break-word}.parallel-study .article-meta{margin-bottom: 1rem;font-size: 0.9rem}.parallel-bible .bible-content{padding: 0;width: 100%;max-width: 100%;box-sizing: border-box}.parallel-study .article-content,.parallel-bible .bible-content{width: 100%;max-width: 100%;word-wrap: break-word;overflow-wrap: break-word;hyphens: auto}.parallel-study .article-content p,.parallel-bible .bible-content p,.parallel-study .article-content div,.parallel-bible .bible-content div{width: 100%;max-width: 100%;word-wrap: break-word;overflow-wrap: break-word}@media (max-width: 768px){.bible-chapters-grid{grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));gap: 0.75rem}.chapter-card{padding: 1rem 0.5rem;min-height: 80px}.chapter-number{font-size: 1.25rem}.chapter-label{font-size: 0.8rem}.bible-viewer{padding: unset}.bible-header h1{font-size: 1.75rem}.module-nav-buttons{gap: 0.5rem}.bible-verse{margin-bottom: unset;padding: 0.5rem 0}.has-highlighted-verses .bible-verse{padding: 0.5rem}.bible-verse.highlighted{padding: 0.5rem}.verse-text{font-size: 1.05rem;line-height: 1.6;text-align: left}.verse-tooltip{max-width: 250px;font-size: 0.8rem}.module-nav-btn{justify-content: center;padding: 1rem 1.25rem}.parallel-btn{display: none}.parallel-view-preference{display: none}.parallel-view{width: 100% !important;height: auto !important}.parallel-container{display: flex;flex-direction: column;width: 100% !important;height: calc(100vh - 200px) !important;max-height: calc(100vh - 200px) !important;min-height: calc(100vh - 200px) !important;padding: 1rem;overflow-y: auto}.parallel-study,.parallel-bible{width: 100% !important;margin-bottom: 1.5rem;max-height: none;overflow-y: visible}.parallel-divider{display: none}.parallel-content{max-height: none;overflow-y: visible}}@media (max-width: 480px){.bible-book-header h1{font-size: 2rem}.bible-chapters-grid{grid-template-columns: repeat(auto-fill, minmax(80px, 1fr))}.bible-content{font-size: 1rem}.module-nav-btn{padding: 0.75rem 1rem;font-size: 0.85rem}.module-nav-btn .material-icons{font-size: 1rem}}[data-theme="dark"] .chapter-card{background: var(--md-sys-color-surface-container);border-color: var(--md-sys-color-outline)}[data-theme="dark"] .chapter-card:hover{background: var(--md-sys-color-surface-container-high)}[data-theme="dark"] .bible-nav-buttons .nav-button{background: var(--md-sys-color-surface-container);border-color: var(--md-sys-color-outline)}[data-theme="dark"] .parallel-content{scrollbar-color: var(--md-sys-color-outline) transparent}[data-theme="dark"] .parallel-view{background: transparent}[data-theme="dark"] .parallel-container{background: transparent}[data-theme="dark"] .parallel-divider{background: var(--md-sys-color-outline)}[data-theme="dark"] .parallel-divider:hover{background: var(--md-sys-color-primary)}[data-theme="dark"] .parallel-content::-webkit-scrollbar-track{background: var(--md-sys-color-surface-container-high)}[data-theme="dark"] .parallel-content::-webkit-scrollbar-thumb{background: var(--md-sys-color-outline)}[data-theme="dark"] .bible-nav-buttons .nav-button:hover{background: var(--md-sys-color-surface-container-high)}[data-theme="dark"] .floating-nav-btn{background: #E3F2FD;color: #001F3D}[data-theme="dark"] .module-nav-btn{background: var(--md-sys-color-surface-container);border-color: var(--md-sys-color-outline);color: var(--md-sys-color-on-surface)}[data-theme="dark"] .module-nav-btn:hover{background: var(--md-sys-color-surface-container-high);border-color: var(--md-sys-color-primary)}[data-theme="dark"] .module-nav-btn.active{background: var(--md-sys-color-primary);border-color: var(--md-sys-color-primary);color: var(--md-sys-color-on-primary)}[data-theme="dark"] .footnote-icon{background: var(--md-sys-color-primary);color: var(--md-sys-color-on-primary)}[data-theme="dark"] .verse-footnote:hover .footnote-icon{background: var(--md-sys-color-primary);color: var(--md-sys-color-on-primary)}[data-theme="dark"] .footnote-key{border-bottom-color: var(--md-sys-color-primary)}[data-theme="dark"] .footnote-key:hover{border-bottom-color: var(--md-sys-color-on-surface)}.article-section{margin: 32px 0;padding: 24px;background: var(--md-sys-color-surface-container-low);border-radius: 12px;border-left: 4px solid var(--md-sys-color-primary)}.article-section-header{display: flex;flex-direction: column;gap: 12px}.article-section-title{margin: 0;font-size: 1.25rem;font-weight: 500;color: var(--md-sys-color-on-surface);line-height: 1.4}.article-section-summary{margin: 0;font-size: 0.875rem;color: var(--md-sys-color-on-surface-variant);line-height: 1.5}.article-study-button{align-self: flex-start;min-height: 40px;font-size: 0.875rem;gap: 8px}.article-study-button .material-icons{font-size: 18px}[data-theme="dark"] .article-section{background: var(--md-sys-color-surface-container);border-left-color: var(--md-sys-color-primary)}[data-theme="dark"] .article-section-title{color: var(--md-sys-color-on-surface)}[data-theme="dark"] .article-section-summary{color: var(--md-sys-color-on-surface-variant)}@media (max-width: 768px){.article-section{margin: 24px 0;padding: 20px}.article-section-title{font-size: 1.125rem}.article-section-summary{font-size: 0.8125rem}.article-study-button{font-size: 0.8125rem}}.bible-header{display: flex;gap: 24px;flex-direction: column;align-items: center;padding-bottom: 24px;border-bottom: 1px solid var(--md-sys-color-outline-variant);margin-bottom: 32px}.bible-title-section{display: flex;flex-direction: column;gap: 12px}.bible-title-section h1{margin: 0;font-size: 2rem;font-weight: 500;color: var(--md-sys-color-on-surface);line-height: 1.2}.bible-controls{display: flex;align-items: center;justify-content: center;gap: 12px;flex-wrap: wrap}@media (max-width: 768px){.bible-controls{gap: 8px}}.bible-navigation{display: flex;gap: 12px;flex: 1;justify-content: end}.bible-navigation-bottom{margin-top: 2rem;padding-top: 1.5rem;border-top: 1px solid var(--md-sys-color-outline-variant)}.verse-layout-toggle-btn{display: flex !important;align-items: center;gap: 8px;font-size: 0.875rem;min-height: 36px;padding: 8px 16px}.verse-layout-toggle-btn .material-icons{font-size: 18px}.verse-layout-toggle-btn .toggle-text{font-weight: 500}.continuous-layout .bible-verse{display: inline;margin: 0;padding: 0}.continuous-layout .bible-verse .bible-verse{margin-left: 8px}.continuous-layout .bible-verse .verse-number{margin-right: 4px}.continuous-layout .bible-verse .verse-text{margin-right: 8px}.continuous-layout .article-section{display: block;margin: 24px 0}@media (max-width: 768px){.bible-header{margin-bottom: 24px}.bible-title-section h1{font-size: 1.75rem}.verse-layout-toggle-btn,.bible-reading-time-btn{min-height: 32px;gap: 6px;align-self: center}.verse-layout-toggle-btn .material-icons{font-size: 16px}.continuous-layout .bible-verse .bible-verse{margin-left: 6px}.continuous-layout .bible-verse .verse-text{margin-right: 6px}}.parallel-bible-header{margin-top: 24px;margin-bottom: 16px;gap: 12px;flex-direction: row}.parallel-bible-header .bible-controls{display: flex;justify-content: center;gap: 8px}.parallel-bible-header .bible-navigation{margin-bottom: 0}#bible-content-parallel.continuous-layout .bible-verse{display: inline;margin: 0;padding: 0}#bible-content-parallel.continuous-layout .bible-verse .bible-verse{margin-left: 8px}#bible-content-parallel.continuous-layout .bible-verse .verse-number{margin-right: 4px}#bible-content-parallel.continuous-layout .bible-verse .verse-text{margin-right: 8px}@media (max-width: 768px){.parallel-bible-header{flex-direction: column;align-items: flex-start;gap: 8px}.parallel-bible-header .bible-controls{align-self: flex-end}#bible-content-parallel.continuous-layout .bible-verse .bible-verse{margin-left: 6px}#bible-content-parallel.continuous-layout .bible-verse .verse-text{margin-right: 6px}}.bible-copyright-credits{font-family: 'Roboto', Arial, sans-serif;margin-top: 32px;padding: 20px;border-radius: 12px;border: 1px solid var(--outline-variant)}.bible-copyright-credits .copyright-text{font-size: 14px;line-height: 1.5;margin: 0;text-align: center}.bible-copyright-credits .copyright-text strong{font-weight: 500}.bible-copyright-credits .copyright-text a{color: var(--primary-color);font-weight: 500;text-decoration: none}.bible-copyright-credits .copyright-text a:hover{text-decoration: underline}@media (max-width: 768px){.bible-copyright-credits{margin-top: 24px;padding: 16px}.bible-copyright-credits .copyright-text{font-size: 13px;text-align: left}}.favorites-counter{position: absolute;top: 0px;right: 0px;background: #ff6600;color: #ffffff;font-size: 10px;font-weight: 600;padding: 2px 5px;border-radius: 10px;min-width: 18px;height: 18px;display: none;align-items: center;justify-content: center;line-height: 1;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);z-index: 10}[data-theme="dark"] .favorites-counter{background: #fbbf24;color: #000000}.favorites-container{position: relative;overflow: visible}.favorites-container .md-icon-button{overflow: visible}.favorite-chapter-btn.favorited .material-icons,.favorite-article-btn.favorited .material-icons{color: #f59e0b}.favorite-chapter-btn.favorited,.favorite-article-btn.favorited{background-color: #fef3c7;border-color: #f59e0b;color: #92400e}[data-theme="dark"] .favorite-chapter-btn.favorited,[data-theme="dark"] .favorite-article-btn.favorited{background-color: #451a03;border-color: #f59e0b;color: #fbbf24}[data-theme="dark"] .favorite-chapter-btn.favorited .material-icons,[data-theme="dark"] .favorite-article-btn.favorited .material-icons{color: #fbbf24}.favorite-chapter-btn.favorited:hover,.favorite-article-btn.favorited:hover{background-color: #fde68a;border-color: #d97706}[data-theme="dark"] .favorite-chapter-btn.favorited:hover,[data-theme="dark"] .favorite-article-btn.favorited:hover{background-color: #78350f;border-color: #fbbf24}.article-actions{display: flex;gap: 8px;margin-top: 24px;flex-wrap: wrap}@media (max-width: 768px){.article-actions{justify-content: center}.article-actions .md-outlined-button{justify-content: center}}@media (max-width: 768px){.header-actions .menu-dropdown{display: none}}.favorites-modal{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: none}.favorites-modal.active{display: flex}.favorites-modal-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(4px)}.favorites-modal-content{position: relative;background: var(--md-sys-color-surface-container);margin: auto;border-radius: 16px;box-shadow: var(--md-elevation-3);max-width: 600px;width: 90%;max-height: 80vh;display: flex;flex-direction: column;z-index: 10000}[data-theme="dark"] .favorites-modal-content{background: var(--md-sys-color-surface-container)}.favorites-modal-header{padding: 24px 24px 16px 24px;border-bottom: 1px solid var(--md-sys-color-outline-variant);display: flex;justify-content: space-between;align-items: center;flex-shrink: 0}.favorites-modal-header h2{margin: 0;font-size: 1.5rem;font-weight: 500;color: var(--md-sys-color-on-surface)}.favorites-modal-close{margin-left: 16px}.favorites-modal-body{flex: 1;overflow-y: auto;padding: 0}#favorites-content{padding: 24px}.favorites-empty{text-align: center;padding: 48px 24px;color: var(--md-sys-color-on-surface-variant)}.favorites-empty .material-icons{font-size: 4rem;margin-bottom: 16px;opacity: 0.6}.favorites-empty h3{margin: 0 0 8px 0;font-size: 1.25rem;font-weight: 500;color: var(--md-sys-color-on-surface)}.favorites-empty p{margin: 0;font-size: 0.875rem;line-height: 1.4}.favorites-section{margin-bottom: 32px}.favorites-section:last-child{margin-bottom: 0}.favorites-section-title{display: flex;align-items: center;gap: 12px;margin-bottom: 16px;font-size: 1.125rem;font-weight: 500;color: var(--md-sys-color-primary)}.favorites-section-title .material-icons{font-size: 1.25rem}.favorites-list{display: flex;flex-direction: column;gap: 12px}.favorite-item{display: flex;align-items: center;justify-content: space-between;padding: 16px;background: var(--md-sys-color-surface);border: 1px solid var(--md-sys-color-outline-variant);border-radius: 12px;transition: all 0.2s ease}.favorite-item:hover{border-color: var(--md-sys-color-primary);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1)}[data-theme="dark"] .favorite-item{background: var(--md-sys-color-surface-variant)}.favorite-item-content{flex: 1;min-width: 0}.favorite-item-title{font-weight: 500;color: var(--md-sys-color-on-surface);margin-bottom: 4px;line-height: 1.4}.favorite-item-type{font-size: 0.875rem;color: var(--md-sys-color-on-surface-variant)}.favorite-item-actions{display: flex;gap: 8px;margin-left: 16px;flex-shrink: 0}.favorite-item-btn{padding: 8px 16px;font-size: 0.875rem}.favorite-remove-btn{color: var(--md-sys-color-error);border-color: var(--md-sys-color-error)}.favorite-remove-btn:hover{background-color: var(--md-sys-color-error-container);color: var(--md-sys-color-on-error-container)}@media (max-width: 768px){.favorites-modal-content{width: 95%;max-height: 85vh;margin: 2.5vh auto}.favorites-modal-header{padding: 20px 20px 12px 20px}.favorites-modal-header h2{font-size: 1.25rem}#favorites-content{padding: 16px 20px 20px 20px}.favorite-item{flex-direction: column;align-items: flex-start;gap: 12px}.favorite-item-actions{margin-left: 0;width: 100%;justify-content: flex-end}.favorite-item-btn{padding: 6px 12px;font-size: 0.8rem}}.notification{position: fixed;bottom: 20px;right: 20px;background: var(--md-sys-color-inverse-surface);color: var(--md-sys-color-inverse-on-surface);padding: 12px 16px;border-radius: 8px;display: flex;align-items: center;gap: 8px;box-shadow: var(--md-elevation-2);z-index: 10001;transform: translateX(100%);opacity: 0;transition: all 0.3s ease;font-size: 0.875rem;max-width: 300px}.notification.show{transform: translateX(0);opacity: 1}.notification .material-icons{font-size: 1.125rem;color: var(--md-sys-color-primary)}.notification-success .material-icons{color: #4caf50}.notification-error .material-icons{color: #f44336}.notification-info .material-icons{color: var(--md-sys-color-primary)}@media (max-width: 768px){.notification{bottom: 16px;right: 16px;left: 16px;max-width: none}}.header-actions .tooltip-container:hover .tooltip{opacity: 1;visibility: visible;transform: translateX(-50%) translateY(-4px)}@media (max-width: 768px){.header-actions .tooltip{left: 50%;transform: translateX(-50%)}.header-actions .tooltip-container:hover .tooltip{transform: translateX(-50%) translateY(-4px)}}.search-modal{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: flex;align-items: flex-start;justify-content: center;padding-top: 10vh;opacity: 0;visibility: hidden;transition: all 0.3s ease}.search-modal.active{opacity: 1;visibility: visible}.search-modal-backdrop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(4px)}.search-modal-content{position: relative;width: 90%;max-width: 680px;max-height: 80vh;background: var(--md-sys-color-surface);border-radius: 16px;box-shadow: var(--md-sys-elevation-level3);overflow: hidden;transform: scale(0.95) translateY(-20px);transition: transform 0.3s ease}.search-modal.active .search-modal-content{transform: scale(1) translateY(0)}.search-header{border-bottom: 1px solid var(--md-sys-color-outline-variant);padding: 16px}.search-input-container{display: flex;align-items: center;gap: 12px;margin-bottom: 16px}.search-icon{color: var(--md-sys-color-on-surface-variant);flex-shrink: 0}#search-input{flex: 1;border: none;outline: none;background: transparent;font-size: 18px;font-weight: 400;color: var(--md-sys-color-on-surface);line-height: 1.4}#search-input::placeholder{color: var(--md-sys-color-on-surface-variant)}#search-input:disabled{opacity: 0.6;cursor: not-allowed}.search-status{display: flex;align-items: center;gap: 8px;padding: 4px 8px;background: var(--md-sys-color-surface-variant);border-radius: 12px;font-size: 12px;color: var(--md-sys-color-on-surface-variant);position: absolute;right: 48px;top: 50%;transform: translateY(-50%);z-index: 10}.search-status.hidden{display: none}.search-status-spinner{width: 12px;height: 12px;border: 2px solid var(--md-sys-color-outline-variant);border-top: 2px solid var(--md-sys-color-primary);border-radius: 50%;animation: spin 1s linear infinite}.search-status-icon{font-size: 14px}.search-status-icon.error{color: var(--md-sys-color-error)}.search-status-text{white-space: nowrap}.search-close-btn{background: none;border: none;padding: 8px;border-radius: 20px;cursor: pointer;color: var(--md-sys-color-on-surface-variant);transition: background-color 0.2s ease;position: relative;z-index: 11}.search-close-btn:hover{background-color: var(--md-sys-color-surface-variant)}.search-filters{display: flex;align-items: center;gap: 12px;flex-wrap: wrap}.filter-group{flex: 1;min-width: 140px}.search-filter-select{width: 100%;padding: 8px 12px;border: 1px solid var(--md-sys-color-outline-variant);border-radius: 8px;background: var(--md-sys-color-surface);color: var(--md-sys-color-on-surface);font-size: 14px;outline: none;transition: border-color 0.2s ease}.search-filter-select:focus{border-color: var(--md-sys-color-primary)}.clear-filters-btn{padding: 8px;background: none;border: none;border-radius: 20px;cursor: pointer;color: var(--md-sys-color-on-surface-variant);transition: background-color 0.2s ease}.clear-filters-btn:hover{background-color: var(--md-sys-color-surface-variant)}.search-body{max-height: 50vh;overflow-y: auto;padding: 0}.search-suggestions{border-bottom: 1px solid var(--md-sys-color-outline-variant)}.suggestions-header{padding: 16px 20px 8px;border-bottom: none}.suggestions-header h4{margin: 0;font-size: 14px;font-weight: 500;color: var(--md-sys-color-on-surface-variant)}.initial-suggestions{padding: 8px 20px 16px;display: flex;flex-wrap: wrap;gap: 8px}.suggestion-tag{padding: 6px 12px;background: var(--md-sys-color-surface-variant);color: var(--md-sys-color-on-surface-variant);border: none;border-radius: 16px;font-size: 13px;cursor: pointer;transition: all 0.2s ease}.suggestion-tag:hover{background: var(--md-sys-color-primary-container);color: var(--md-sys-color-on-primary-container)}.search-suggestion-item{display: flex;align-items: center;gap: 12px;padding: 12px 20px;cursor: pointer;border-bottom: 1px solid var(--md-sys-color-outline-variant);transition: background-color 0.2s ease}.search-suggestion-item:hover,.search-suggestion-item.active{background-color: var(--md-sys-color-surface-variant)}.suggestion-icon{color: var(--md-sys-color-on-surface-variant);font-size: 20px}.suggestion-text{flex: 1;font-size: 14px;color: var(--md-sys-color-on-surface)}.suggestion-text mark{background: var(--md-sys-color-primary-container);color: var(--md-sys-color-on-primary-container);padding: 0 2px;border-radius: 2px}.suggestion-type{font-size: 12px;color: var(--md-sys-color-on-surface-variant);background: var(--md-sys-color-surface-variant);padding: 2px 8px;border-radius: 12px}.search-results{padding: 0}.results-header{padding: 16px 20px 8px;border-bottom: 1px solid var(--md-sys-color-outline-variant)}.results-header h4{margin: 0;font-size: 14px;font-weight: 500;color: var(--md-sys-color-on-surface-variant)}.search-result-item{display: flex;align-items: flex-start;gap: 16px;padding: 16px 20px;cursor: pointer;border-bottom: 1px solid var(--md-sys-color-outline-variant);transition: background-color 0.2s ease}.search-result-item:hover,.search-result-item.active{background-color: var(--md-sys-color-surface-variant)}.result-icon{padding: 8px;background: var(--md-sys-color-primary-container);color: var(--md-sys-color-on-primary-container);border-radius: 8px;flex-shrink: 0}.result-icon .material-icons{font-size: 20px}.result-content{flex: 1;min-width: 0}.result-header{display: flex;align-items: flex-start;gap: 8px;margin-bottom: 4px}.result-title{flex: 1;margin: 0;font-size: 16px;font-weight: 500;color: var(--md-sys-color-on-surface);line-height: 1.3}.result-type{font-size: 11px;color: var(--md-sys-color-on-surface-variant);background: var(--md-sys-color-surface-variant);padding: 2px 6px;border-radius: 8px;flex-shrink: 0}.result-subtitle{margin: 0 0 8px 0;font-size: 13px;color: var(--md-sys-color-primary);font-weight: 500}.result-summary{margin: 0 0 8px 0;font-size: 14px;color: var(--md-sys-color-on-surface-variant);line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.result-metadata{display: flex;gap: 12px;font-size: 12px;color: var(--md-sys-color-on-surface-variant)}.result-time,.result-verses{display: flex;align-items: center;gap: 4px}.result-time::before{content: "⏱️"}.result-verses::before{content: "📖"}.no-results,.search-loading,.search-error{text-align: center;padding: 40px 20px}.no-results .material-icons,.search-error .material-icons{font-size: 48px;color: var(--md-sys-color-on-surface-variant);margin-bottom: 16px}.no-results h3,.search-error h3{margin: 0 0 8px 0;font-size: 18px;color: var(--md-sys-color-on-surface)}.no-results p,.search-error p{margin: 0;color: var(--md-sys-color-on-surface-variant)}.search-loading .spinner{width: 32px;height: 32px;border: 3px solid var(--md-sys-color-outline-variant);border-top: 3px solid var(--md-sys-color-primary);border-radius: 50%;animation: spin 1s linear infinite;margin: 0 auto 16px}.search-footer{border-top: 1px solid var(--md-sys-color-outline-variant);padding: 12px 20px;background: var(--md-sys-color-surface-variant)}.search-shortcuts{display: flex;justify-content: center}.shortcut-hint{font-size: 12px;color: var(--md-sys-color-on-surface-variant)}kbd{display: inline-block;padding: 2px 6px;background: var(--md-sys-color-surface);border: 1px solid var(--md-sys-color-outline-variant);border-radius: 4px;font-family: monospace;font-size: 11px;line-height: 1}.search-stats-summary{padding: 8px 20px;text-align: center;color: var(--md-sys-color-on-surface-variant)}@media (max-width: 768px){.search-modal{padding-top: 5vh;align-items: flex-start}.search-modal-content{width: 95%;max-height: 85vh;border-radius: 12px}.search-filters{flex-direction: column;gap: 8px}.filter-group{min-width: unset}.search-result-item{padding: 12px 16px;gap: 12px}.result-header{flex-direction: column;gap: 4px}.result-type{align-self: flex-start}}