:root{--content-max-width:600px}*{margin:0;padding:0;box-sizing:border-box;font-feature-settings:none;font-variant-ligatures:none;-webkit-font-variant-ligatures:none}html{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}body{overflow-x:hidden;position:relative}:root{--ocean:#528397;--ocean-deep:#1d4252;--sage:#80a797;--aqua:#6cbe9d;--wine:#915d66;--amber:#e9a835;--cloud:#f7f7fa;--stone:#a8a8a8;--gold:var(--amber);--sage-legacy:var(--sage);--coral:var(--wine);--cream:var(--cloud);--charcoal:var(--ocean-deep);--warm-gray:var(--stone);--ivory:var(--cloud);--soft-white:var(--color-white);--card-white:var(--color-white);--tan-light:var(--cloud);--tan-medium:var(--cloud);--brown-light:var(--amber);--brown-dark:var(--amber);--rose-dark:var(--wine);--navy:var(--ocean-deep);--font-display:"Bodoni Moda",serif;--font-scripture:"Bodoni Moda",serif;--font-body:"DM Serif Display",serif;--font-accent:"Inter",system-ui,-apple-system,sans-serif;--font-ui:"Inter",system-ui,-apple-system,sans-serif;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-handwriting:var(--font-handwriting);--font-scale:1;--text-xxs:calc(0.75em * var(--font-scale));--text-xs:calc(0.8125em * var(--font-scale));--text-sm:calc(0.875em * var(--font-scale));--text-base:calc(1em * var(--font-scale));--text-md:calc(1.125em * var(--font-scale));--text-lg:calc(1.25em * var(--font-scale));--text-xl:calc(1.5em * var(--font-scale));--text-2xl:calc(1.875em * var(--font-scale));--text-3xl:calc(2.25em * var(--font-scale));--text-4xl:calc(2.5em * var(--font-scale));--text-5xl:calc(3em * var(--font-scale));--text-verse:calc(1.46em * var(--font-scale));--text-hero:calc(4.6em * var(--font-scale));--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-black:900;--leading-tight:1.3;--leading-normal:1.6;--leading-relaxed:1.85;--duration-fast:0.15s;--duration-normal:0.2s;--duration-slow:0.3s;--duration-slower:0.5s;--duration-page:0.6s;--ease-in:ease-in;--ease-out:ease-out;--ease-in-out:ease-in-out;--ease-spring:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-smooth:cubic-bezier(0.25,0.46,0.45,0.94);--slide-up:translateY(20px);--slide-down:translateY(-20px);--slide-left:translateX(20px);--slide-right:translateX(-20px);--scale-up:scale(1.05);--scale-down:scale(0.95);--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px rgba(0,0,0,0.15);--shadow-glass:0 8px 32px rgba(0,0,0,0.1);--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--glass-bg:rgba(255,255,255,0.8);--glass-border:rgba(255,255,255,0.3);--color-brand-primary:#528397;--color-brand-secondary:#80a797;--color-accent-gold:#e4a853;--color-accent-gold-hover:#f4b863;--color-accent-orange:#FF6B35;--color-sage-light:#E2EDE2;--color-sage-mid:#B8D4B8;--color-sage-dark:#8AB08A;--color-stone-light:#EAE4DA;--color-stone-mid:#C8BBB0;--color-stone-dark:#9A8A78;--color-ocean-light:#C8D8E0;--color-ocean-mid:#8AACC0;--color-ocean-dark:#5880A0;--color-lavender-light:#E8E0E8;--color-lavender-mid:#D0C0D8;--color-lavender-dark:#A088A8;--color-lavender-lightest:var(--color-lavender-light);--color-lavender-lighter:var(--color-lavender-light);--color-lavender-medium:var(--color-lavender-mid);--color-lavender-deep:var(--color-lavender-mid);--color-lavender-darker:var(--color-lavender-dark);--color-lavender-darkest:var(--color-lavender-dark);--color-sky-light:#E0E8F0;--color-sky-mid:#C0D0E0;--color-sky-dark:#A0B8D0;--color-wine-light:#E8D8D8;--color-wine-mid:#C8A0A0;--color-wine-dark:#A07878;--color-wheat-light:#F0E8D0;--color-wheat-mid:#D8C8A8;--color-wheat-dark:#C0B090;--color-silver-light:#F0F0F0;--color-silver-mid:#D8D8D8;--color-silver-dark:#C0C0C0;--color-rose-light:#F4E8EA;--color-rose-mid:#E8C0C8;--color-rose-dark:#D8A0A8;--color-peach-light:#F8E8E0;--color-peach-mid:#F0C8B0;--color-peach-dark:#E8A890;--color-mint-light:#E8F4F0;--color-mint-mid:#C0E8D0;--color-mint-dark:#A0D8B8;--color-cream-light:#F8F4E8;--color-cream-mid:#F0E8D0;--color-cream-dark:#E8D8B8;--color-blush-light:#F4E8F0;--color-blush-mid:#E8C0D8;--color-blush-dark:#D8A0C0;--color-powder-light:#E8F0F8;--color-powder-mid:#D0E0F0;--color-powder-dark:#B8D0E8;--gradient-sage:linear-gradient(135deg,var(--color-sage-light) 0%,var(--color-sage-mid) 50%,var(--color-sage-dark) 100%);--gradient-stone:linear-gradient(140deg,var(--color-stone-light) 0%,var(--color-stone-mid) 50%,var(--color-stone-dark) 100%);--gradient-ocean:linear-gradient(145deg,var(--color-ocean-dark) 0%,var(--color-ocean-mid) 50%,var(--color-ocean-light) 100%);--gradient-lavender:linear-gradient(135deg,var(--color-lavender-light) 0%,var(--color-lavender-mid) 50%,var(--color-lavender-dark) 100%);--gradient-sky:linear-gradient(115deg,var(--color-sky-light) 0%,var(--color-sky-mid) 50%,var(--color-sky-dark) 100%);--gradient-rose:linear-gradient(135deg,var(--color-rose-light) 0%,var(--color-rose-mid) 50%,var(--color-rose-dark) 100%);--gradient-peach:linear-gradient(135deg,var(--color-peach-light) 0%,var(--color-peach-mid) 50%,var(--color-peach-dark) 100%);--gradient-mint:linear-gradient(135deg,var(--color-mint-light) 0%,var(--color-mint-mid) 50%,var(--color-mint-dark) 100%);--gradient-blush:linear-gradient(135deg,var(--color-blush-light) 0%,var(--color-blush-mid) 50%,var(--color-blush-dark) 100%);--gradient-powder:linear-gradient(135deg,var(--color-powder-light) 0%,var(--color-powder-mid) 50%,var(--color-powder-dark) 100%);--gradient-wine:linear-gradient(135deg,var(--color-wine-light) 0%,var(--color-wine-mid) 50%,var(--color-wine-dark) 100%);--gradient-wheat:linear-gradient(125deg,var(--color-wheat-light) 0%,var(--color-wheat-mid) 50%,var(--color-wheat-dark) 100%);--gradient-silver:linear-gradient(120deg,var(--color-silver-light) 0%,var(--color-silver-mid) 50%,var(--color-silver-dark) 100%);--color-success:#16a34a;--color-success-hover:#15803d;--color-error:#dc2626;--color-warning:#ea580c;--color-info:#2563eb;--color-white:#ffffff;--color-black:#0a0a0a;--neutral-50:var(--bg-tertiary);--neutral-100:var(--color-silver-light);--neutral-300:var(--color-silver-mid);--neutral-500:var(--stone);--neutral-700:#3a3a3a;--shadow-sm:0 2px 8px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.03);--shadow-md:0 4px 12px rgba(0,0,0,0.08),0 1px 3px rgba(0,0,0,0.04);--shadow-lg:0 8px 24px rgba(0,0,0,0.15),0 2px 8px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px rgba(0,0,0,0.15),0 10px 15px rgba(0,0,0,0.1);--color-streak-low:#FF6B35;--color-streak-medium:#FF4500;--color-streak-high:#FFD700;--color-achievement:#4CAF50;--bg-primary:#FFFFFF;--bg-secondary:#FFFFFF;--bg-tertiary:#F8F8F8;--text-primary:#2C3E50;--text-secondary:#475569;--text-muted:#64748B;--text-placeholder:#94A3B8;--border-light:rgba(0,0,0,0.1);--border-medium:rgba(0,0,0,0.15);--text-input-dark:#2C3E50;--bg-translucent:#ffffffd9}:root.dark{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3a3a3a;--text-primary:#f8f9fa;--text-secondary:#d1d5db;--text-muted:#9ca3af;--text-placeholder:#9ca3af;--border-light:rgba(255,255,255,0.1);--border-medium:rgba(255,255,255,0.15);--text-input-dark:#2C3E50;--shadow-sm:0 2px 8px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.2),0 1px 3px rgba(0,0,0,0.1);--shadow-lg:0 8px 24px rgba(0,0,0,0.3),0 2px 8px rgba(0,0,0,0.15);--shadow-xl:0 20px 25px rgba(0,0,0,0.4),0 10px 15px rgba(0,0,0,0.2);--shadow-glass:0 8px 32px rgba(0,0,0,0.4);--glass-bg:rgba(45,45,45,0.8);--glass-border:rgba(255,255,255,0.1);--color-input-bg:#3a3a3a;--color-input-disabled:#2d2d2d;--color-form-error-bg:#2d1a1a;--color-form-error-border:#944545;--color-form-info-bg:#1a2332;--color-form-info-border:#4b6fa1;--color-form-info-text:#6fa8dc;--color-menu-bg:#2d2d2d;--color-menu-bg-secondary:#1f1f1f;--color-menu-text:#c9c9c9;--color-menu-text-primary:#f5f5f5;--color-menu-hover:rgba(102,126,234,0.1);--color-menu-border:rgba(255,255,255,0.1);--color-divider:rgba(255,255,255,0.1);--color-gradient-start:rgba(255,255,255,0.05);--color-gradient-end:rgba(255,255,255,0.15);--color-disabled-bg:#4a4a4a;--color-disabled-text:#9a9a9a;--verse-bg:#2a2520;--verse-text:#f0e6d2;--devotional-bg:#252525;--highlight-bg:#3d2f1f;--soft-white:#1a1a1a;--card-white:#2d2d2d;--charcoal:#f5f5f5;--warm-gray:#c9c9c9;--tan-light:#3a3a3a;--tan-medium:#4a4a4a;--brown-light:#5a5a5a;--cream:#2a2a2a;--ivory:#252525;--ocean-dark:#f8f9fa;--stone:#c9c9c9;--cloud:#1a1a1a;--color-brand-primary:#7eb4c8;--color-brand-secondary:#9dcdb3;--bg-translucent:#2d2d2dd9}body{font-family:var(--font-ui);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;margin:0;padding:0;font-size:calc(.875rem * var(--font-scale, 1));transition:background-color var(--duration-normal) var(--ease-smooth),color var(--duration-normal) var(--ease-smooth)}@media (min-width:768px){body{background:var(--bg-primary)}}h1{font-family:var(--font-display);font-weight:var(--font-bold);font-feature-settings:none;font-variant-ligatures:none;-webkit-font-variant-ligatures:none}h2,h3,h4,h5,h6{font-family:var(--font-ui);font-weight:600;font-feature-settings:"liga","clig off";font-variant-ligatures:no-common-ligatures;-webkit-font-variant-ligatures:no-common-ligatures}.app{width:100vw;min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column;position:relative}@media (min-width:768px){.app{max-width:var(--content-max-width);margin:0 auto;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 8px 24px rgba(0,0,0,.12)}}body[data-page-type=reading] .app{padding-bottom:0!important;background:var(--bg-secondary)}.reading-screen,body[data-page-type=reading] .screen{padding-bottom:calc(96px + env(safe-area-inset-bottom));background:var(--bg-secondary)}.screen{flex:1 1;overflow-y:auto;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.header{padding:20px;border-bottom:1px solid rgba(28,28,28,.08);background:var(--bg-primary);animation:slideInDown .3s var(--ease-spring) both}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.date-display{font-size:var(--text-sm);letter-spacing:.5px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:16px;margin-top:8px}.greeting{font-size:var(--text-4xl)}.greeting,.page-title{font-family:var(--font-display);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.5px}.page-title{font-size:var(--text-5xl);margin-bottom:8px}.page-subtitle{font-family:var(--font-accent);font-size:var(--text-md);color:var(--text-secondary)}.verse-card{margin:20px;padding:24px;background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);position:relative;overflow:hidden;transition:all var(--duration-normal)}.verse-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-primary);opacity:.3}.verse-card:after{content:'"';position:absolute;top:16px;left:20px;font-family:var(--font-scripture);font-size:var(--text-hero);color:var(--accent-primary);opacity:.15;line-height:1;pointer-events:none}.verse-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;color:var(--accent-primary);margin-bottom:8px;opacity:.8}.verse-text{font-family:var(--font-accent);margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.verse-reference{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:1px;margin-top:8px;opacity:.8}.quick-access{padding:0 20px;margin-bottom:20px;animation:fadeInUp var(--duration-page) var(--ease-spring)}.quick-access-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quick-access-grid{display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.quick-access-grid::-webkit-scrollbar{display:none}.quick-access-card{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:24px;text-decoration:none;transition:all var(--duration-normal) var(--ease-smooth);white-space:nowrap}.quick-access-card,.quick-access-card:hover{background:var(--bg-tertiary)}.quick-access-icon{color:var(--text-secondary);flex-shrink:0}.quick-access-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.section{padding:20px;animation:slideInScale .4s var(--ease-spring) .15s both}@keyframes slideInScale{0%{opacity:0;transform:translateX(-20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;margin-left:0;margin-right:0}.section-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary)}.section-link{font-size:var(--text-base);color:var(--text-secondary);text-decoration:none;transition:color var(--duration-normal)}.section-link:hover{color:var(--text-primary)}.content-grid{display:grid;gap:16px}.card-image{width:100%;height:180px;background-size:cover;background-position:50%;position:relative;border-radius:12px 12px 0 0}.library-nav{display:flex;gap:12px;padding:16px 20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--bg-primary)}.library-nav::-webkit-scrollbar{display:none}.nav-pill{padding:8px 16px;border:1px solid var(--border-light);border-radius:20px;background:transparent;color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);white-space:nowrap;cursor:pointer;transition:all var(--duration-normal);animation:popIn .3s var(--ease-spring) both;opacity:0;transform:scale(.8)}.nav-pill:first-child{animation-delay:.05s}.nav-pill:nth-child(2){animation-delay:.08s}.nav-pill:nth-child(3){animation-delay:.11s}.nav-pill:nth-child(4){animation-delay:.14s}@keyframes popIn{0%{opacity:0;transform:scale(.6) rotate(-5deg)}70%{transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.nav-pill.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.saved-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-light);padding:16px;border-radius:12px;text-align:center}.stat-number{font-size:var(--text-4xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.content-list{display:grid;gap:24px}.saved-item{position:relative;margin-bottom:16px}.saved-meta{font-size:var(--text-sm);color:var(--text-secondary);margin-top:8px;padding-left:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;min-height:400px;animation:fadeInScale .5s var(--ease-spring) both}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.empty-icon{color:var(--text-muted);margin-bottom:24px;animation:floatIcon .6s var(--ease-spring) .1s both}@keyframes floatIcon{0%{opacity:0;transform:translateY(-20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.empty-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:8px;animation:slideInUp .5s var(--ease-spring) .2s both;opacity:0}.empty-text{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:24px;max-width:280px;animation:slideInUp .5s var(--ease-spring) .3s both;opacity:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.button-primary{padding:12px 24px;background:var(--text-primary);color:var(--bg-primary);border-radius:24px;text-decoration:none;font-size:var(--text-md);font-weight:var(--font-medium);transition:all var(--duration-normal);border:1px solid transparent;animation:popIn .4s var(--ease-spring) .4s both;opacity:0;box-shadow:var(--shadow-sm)}.button-primary:hover{background:var(--text-secondary);border-color:var(--text-secondary)}.button-primary:active{transform:scale(.95)}.button-secondary{padding:12px 24px;background:transparent;color:var(--text-primary);border:1px solid var(--text-primary);border-radius:24px;font-size:var(--text-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-normal);box-shadow:var(--shadow-sm)}.button-secondary:hover{background:var(--text-primary);color:var(--bg-primary)}.full-width{width:100%}.settings-section{padding:20px;margin-bottom:8px;animation:settingsFadeIn .6s ease-out backwards}.settings-section:nth-child(2){animation-delay:.2s}.settings-section:nth-child(3){animation-delay:.3s}.settings-section:nth-child(4){animation-delay:.4s}.settings-section:nth-child(5){animation-delay:.5s}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.settings-title{font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px;padding-left:0}.settings-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:-4px 0 16px;line-height:1.5;opacity:.7}.settings-list{border-radius:12px;overflow:hidden;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.settings-item,.settings-list{background:var(--bg-secondary)}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-light);text-decoration:none;color:var(--text-primary);transition:all var(--duration-normal);cursor:pointer}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:var(--bg-tertiary);transform:translateX(1px)}.settings-item-left{display:flex;align-items:center;gap:12px;font-size:var(--text-md)}.settings-value{color:var(--text-secondary);font-size:var(--text-md)}.settings-select{padding:4px 8px;border:1px solid var(--border-light);border-radius:6px;background:var(--bg-secondary);font-size:var(--text-md);color:var(--text-primary)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toggle{position:relative;display:inline-block;width:48px;height:28px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-medium);border-radius:28px;box-shadow:var(--shadow-sm)}.toggle-slider,.toggle-slider:before{position:absolute;transition:all var(--duration-slow)}.toggle-slider:before{content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:var(--bg-primary);border-radius:50%}.toggle input:checked+.toggle-slider{background-color:var(--text-primary)}.toggle input:checked+.toggle-slider:before{transform:translateX(20px)}.reading-screen{position:absolute;left:0;right:0;bottom:0;z-index:100;overflow-y:auto;padding-bottom:120px}.reading-header,.reading-screen{top:0;background:var(--bg-secondary)}.reading-header{position:sticky;padding:20px;border-bottom:1px solid rgba(28,28,28,.08);justify-content:space-between;z-index:10}.back-button,.reading-header{display:flex;align-items:center}.back-button{width:40px;height:40px;border-radius:20px;justify-content:center;color:var(--text-primary);text-decoration:none;transition:background var(--duration-normal)}.back-button,.back-button:hover{background:var(--bg-tertiary)}.reading-meta{display:flex;gap:16px;font-size:var(--text-sm);color:var(--text-secondary)}.reading-category{text-transform:uppercase;letter-spacing:.5px}.reading-time{display:flex;align-items:center;gap:4px}.reading-content{padding:20px 20px 40px}.reading-title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-black);color:var(--text-primary);margin-bottom:8px;line-height:1.2}.reading-subtitle{font-size:var(--text-lg);color:var(--text-secondary);font-style:italic;margin-bottom:20px}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;background:transparent}html{background-color:var(--bg-primary)!important;min-height:100%}body,html{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar,html::-webkit-scrollbar{width:0;background:transparent}.reading-body{font-family:var(--font-body);font-size:var(--text-xl);line-height:1.8;color:var(--text-primary);margin-top:2.5rem}.reading-body p{margin-bottom:20px}.reading-body p.bullet-point{padding-left:20px;position:relative}.reading-body p.bullet-point:before{content:"•";position:absolute;left:0;color:var(--gold)}.prayer-section{margin-top:28px;padding-top:20px;border-top:1px solid rgba(28,28,28,.08)}.prayer-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:16px}.prayer-text{font-family:var(--font-body);font-size:var(--text-xl);line-height:1.8;color:var(--text-primary);font-style:italic}.reading-actions{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%) translateY(30px);width:auto;max-width:calc(100% - 32px);padding:4px;background:rgba(50,50,50,.08)!important;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:.5px solid rgba(255,255,255,.06);border-radius:18px;box-shadow:0 2px 16px rgba(0,0,0,.3);display:flex;gap:5px;z-index:40;opacity:0;transition:all .5s ease;pointer-events:none}.reading-actions .action-button,.reading-actions .action-button.icon-only{min-width:40px!important;width:40px!important;max-width:40px!important;height:40px!important;padding:0!important;flex:none!important;display:flex;align-items:center;justify-content:center;background:rgba(60,60,60,.08)!important;border:.5px solid rgba(255,255,255,.03)!important;border-radius:14px!important;backdrop-filter:none;-webkit-backdrop-filter:none;color:rgba(255,255,255,.9)!important;box-shadow:none!important;font-size:inherit!important;font-weight:inherit!important;transition:all .2s ease;cursor:pointer!important;pointer-events:auto!important}.reading-actions .action-button svg{color:rgba(255,255,255,.9);width:20px;height:20px;flex-shrink:0}.reading-actions .action-button .button-label{display:none!important}body[data-page-type=reading] .reading-actions{bottom:calc(16px + env(safe-area-inset-bottom, 0));z-index:1000;padding:2px}body[data-page-type=reading] .reading-actions.audio-present{bottom:calc(85px + env(safe-area-inset-bottom, 0))}.reading-actions.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.reading-actions .action-button:hover{background:rgba(70,70,70,.6)!important;transform:scale(1.05)}.reading-actions .action-button:active{transform:scale(.95);background:rgba(50,50,50,.5)!important}@media (min-width:768px){.reading-actions{padding:10px;gap:6px}.reading-actions .action-button .button-label{display:none!important}.reading-actions .action-button{min-width:48px;width:48px;height:48px;padding:0}}body[data-page-type=reading] .tab-bar{display:none!important}.action-button{flex:1 1;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:24px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:var(--text-md);font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer;transition:all var(--duration-normal);box-shadow:var(--shadow-sm)}.action-button:hover{background:var(--bg-tertiary);border-color:var(--border-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.action-button.saved{background:var(--bg-primary);color:var(--text-primary);border-color:var(--text-primary)}.reading-actions .action-button.icon-only.saved,.reading-actions .action-button.saved{background:rgba(139,92,246,.3)!important;border-color:rgba(139,92,246,.5)!important}.action-button svg{width:20px;height:20px}.action-button.icon-only{flex:0 0 48px;min-width:48px;max-width:48px;padding:12px;border-radius:50%;background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important}.action-button.icon-only.saved{background:var(--color-ocean-dark)!important;color:white!important;border-color:var(--color-ocean-dark)!important}.audio-player{margin:24px 0;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;gap:12px}.audio-player,.play-button{display:flex;align-items:center}.play-button{width:48px;height:48px;border-radius:24px;background:var(--text-primary);color:var(--bg-primary);border:none;justify-content:center;cursor:pointer;transition:transform var(--duration-normal)}.play-button:active{transform:scale(.95)}.play-button svg{width:20px;height:20px}.audio-progress{flex:1 1;display:flex;align-items:center;gap:8px}.audio-time{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium);min-width:35px}.audio-bar{flex:1 1;height:4px;background:rgba(0,0,0,.1);border-radius:2px;position:relative;cursor:pointer}.audio-bar-fill{position:absolute;top:0;left:0;height:100%;background:var(--gold);border-radius:2px;transition:width var(--duration-fast)}.speed-button{padding:6px 12px;background:var(--bg-secondary);border:1px solid rgba(0,0,0,.1);border-radius:16px;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer;transition:background var(--duration-normal)}.speed-button:hover{background:var(--bg-tertiary)}.mini-player{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:388px;background:var(--bg-secondary);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.15);padding:12px;display:flex;align-items:center;gap:12px;z-index:50;animation:slideUp var(--duration-slow) var(--ease-out)}@keyframes slideUp{0%{transform:translateX(-50%) translateY(100px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes slideUpFromBottom{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInOnly{0%{opacity:0}to{opacity:1}}.mini-play-button{width:36px;height:36px;border-radius:18px;background:var(--text-primary);color:var(--bg-primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mini-play-button svg{width:16px;height:16px}.mini-info{flex:1 1;min-width:0}.mini-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-time{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.mini-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(0,0,0,.05);border-radius:0 0 16px 16px;overflow:hidden}.mini-progress-fill{height:100%;background:var(--gold);transition:width var(--duration-fast)}@media (min-width:768px){.mini-player{max-width:360px}}.pricing-hero{background:var(--bg-secondary);border-radius:16px;padding:20px;margin-bottom:20px;border:1px solid var(--border-light)}.pricing-benefits{text-align:center}.benefits-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-md)}.benefits-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-sm)}.benefit-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs);color:var(--text-secondary)}.benefit-icon{color:var(--accent-primary);flex-shrink:0}.pricing-plans{display:grid;gap:var(--space-lg);max-width:var(--content-max-width);margin:0 auto}.pricing-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;transition:all var(--duration-fast) var(--ease-smooth)}.pricing-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md)}.pricing-card.featured{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--bg-primary) 0,rgba(102,126,234,.05) 100%)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent-primary);color:white;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);display:flex;align-items:center;gap:var(--space-xs)}.pricing-header{text-align:center;margin-bottom:var(--space-lg)}.plan-icon{width:48px;height:48px;margin:0 auto var(--space-md);background:var(--accent-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:white}.plan-name{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary)}.plan-name,.plan-price{margin-bottom:var(--space-sm)}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-xs)}.currency{font-size:var(--text-lg);color:var(--text-secondary)}.amount{font-size:3rem;font-weight:var(--weight-bold);color:var(--text-primary);line-height:1}.period{font-size:var(--text-base);color:var(--text-secondary)}.savings-badge{background:var(--accent-secondary);color:var(--accent-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);display:inline-block;margin-bottom:var(--space-sm)}.plan-description{color:var(--text-muted);font-size:var(--text-sm);margin:0}.plan-features{list-style:none;padding:0;margin:0 0 var(--space-lg) 0;display:grid;gap:var(--space-sm)}.plan-features li{color:var(--text-secondary);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0}.pricing-footer{text-align:center;padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.footer-text{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-xs) 0;font-weight:var(--weight-medium)}.footer-subtext{color:var(--text-muted);font-size:var(--text-xs);margin:0}.error-message{background:var(--error-bg);color:var(--error-color);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--error-border);font-size:var(--text-sm);text-align:center}.form-container{padding:16px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;background:white;border:1px solid var(--border-light);border-radius:8px;font-size:16px;color:var(--text-primary);font-family:inherit;transition:border-color .2s ease;appearance:none;min-height:44px;display:block}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 9L2 5h8z' fill='%23999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--sage)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}select option[value=""],select.placeholder-shown{color:var(--text-placeholder)}select:not(.placeholder-shown){color:var(--text-primary)}.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.error-message{color:#dc3545;font-size:var(--text-xs);font-weight:400}.input-error{border-color:#dc3545!important}.button-disabled{opacity:.5;cursor:not-allowed!important}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:1}30%{transform:translateY(-10px);opacity:.5}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}:root.dark .form-input,:root.dark .form-select,:root.dark .form-textarea{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-light)}:root.dark .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 9L2 5h8z' fill='%23ffffff'/%3E%3C/svg%3E")}.button-success{background:var(--color-success)!important;animation:successPulse .5s ease}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.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}.flex{display:flex}.flex-1{flex:1 1}.flex-col{flex-direction:column}.flex-between{justify-content:space-between}.flex-center{align-items:center}.flex-start{align-items:flex-start}.flex-end{align-items:flex-end}.gap-xs{gap:8px}.gap-sm{gap:12px}.gap-md{gap:16px}.gap-lg{gap:24px}.m-0{margin:0}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:8px}.mb-sm{margin-bottom:12px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mt-xs{margin-top:8px}.mt-sm{margin-top:12px}.mt-md{margin-top:16px}.p-0{padding:0}.pr-xs{padding-right:8px}.pr-sm{padding-right:10px}.pr-md{padding-right:16px}.pl-xs{padding-left:8px}.pl-sm{padding-left:10px}.pl-md{padding-left:16px}.pt-xs{padding-top:8px}.pt-sm{padding-top:12px}.pt-md{padding-top:16px}.pt-lg{padding-top:22px}.pt-xl{padding-top:30px}.pb-xs{padding-bottom:8px}.pb-sm{padding-bottom:12px}.pb-md{padding-bottom:16px}.scripture-nav-buttons{gap:10px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-sm)}.scripture-nav-buttons .action-button{min-height:44px;border-radius:20px;background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:none}.scripture-nav-buttons{display:flex;gap:12px;padding:0 20px;margin-top:20px}.scripture-nav-buttons .action-button{flex:1 1}@media (min-width:768px){.reading-screen{max-width:none;background:var(--bg-secondary)}.reading-screen>div:first-child,.scripture-header{width:100%;display:flex;justify-content:center}.reading-screen>div:first-child>*,.scripture-header>*{max-width:800px;width:100%}.reading-body,.scripture-content{padding:32px 40px}.AudioPlayer_playButton,.reading-body,.scripture-content{max-width:var(--content-max-width);margin:0 auto}.content-card{max-width:800px;margin:0 auto}.tab-bar{width:100%;border-top:1px solid var(--border-light)}.scripture-page-content,.scripture-page-header{width:100%;display:flex;justify-content:center;align-items:stretch}.scripture-page-content>*,.scripture-page-header>*{max-width:800px;width:100%}.AudioPlayer_playButton__U8sCS{max-width:700px;margin-left:auto;margin-right:auto}}body[data-page-type=reading] .tab-bar{z-index:1!important}body[data-page-type=reading],body[data-page-type=reading] #__next,body[data-page-type=reading] .app,body[data-page-type=reading] .screen{background:var(--bg-secondary)!important}