@charset "UTF-8";:root{--color-primary: #1a2a4a;--color-primary-light: #2e4a7a;--color-accent: #4a90d9;--color-accent-hover: #3578c0;--color-success: #4caf50;--color-warning: #ff9800;--color-danger: #f44336;--color-bg: #f7f8fa;--color-surface: #ffffff;--color-surface-alt: #f0f4ff;--color-border: #e0e6ef;--color-text-primary: #1a1a2e;--color-text-secondary: #5a6480;--color-text-muted: #9aa3b8;--color-devotional: #5a6480;--color-scripture: #5a6480;--color-prayer: #5a6480;--color-testimony: #5a6480;--color-events: #5a6480;--color-bible-lesson: #5a6480;--font-display: "Georgia", "Times New Roman", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--header-height: 60px;--header-total-height: calc(var(--header-height) + var(--safe-area-top));--footer-height: 64px;--max-width: 480px;--desktop-nav-width: 248px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,a,button,input,select,textarea,[role=button]{touch-action:manipulation}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}body.platform-ios{--safe-area-top: 45px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--footer-height: 56px;--header-height: 60px;--header-total-height: calc(var(--header-height) + var(--safe-area-top))}.app-container{max-width:var(--max-width);margin:0 auto;min-height:100dvh;background:var(--color-bg);position:relative;box-shadow:0 0 40px #00000026}@media(min-width:900px){.app-container{max-width:none;box-shadow:none}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2;color:var(--color-text-primary)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-md) var(--space-sm)}.section-header h2{font-size:1.1rem;font-weight:700;font-family:var(--font-body);color:var(--color-text-primary)}.section-header .view-all{font-size:.85rem;color:var(--color-accent);font-weight:500;cursor:pointer;background:none;border:none}.section-header .view-all:hover{text-decoration:underline}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.btn,.btn-outline,.btn-accent,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;font-family:var(--font-body)}.btn:disabled,.btn-outline:disabled,.btn-accent:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-light)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{background:var(--color-accent-hover)}.btn-outline{background:transparent;color:var(--color-accent);border:1.5px solid var(--color-accent)}.btn-outline:hover{background:var(--color-surface-alt)}.skeleton{background:linear-gradient(90deg,#e0e6ef 25%,#f0f4ff,#e0e6ef 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
