@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url('/fonts/inter-v13-latin-regular.woff2') format('woff2');}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:optional;src:url('/fonts/inter-v13-latin-500.woff2') format('woff2');}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:optional;src:url('/fonts/inter-v13-latin-600.woff2') format('woff2');}@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:400;font-display:optional;src:url('/fonts/libre-baskerville-v14-latin-regular.woff2') format('woff2');}@font-face{font-family:'Libre Baskerville';font-style:italic;font-weight:400;font-display:optional;src:url('/fonts/libre-baskerville-v14-latin-italic.woff2') format('woff2');}@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:700;font-display:optional;src:url('/fonts/libre-baskerville-v14-latin-700.woff2') format('woff2');}@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/cormorant-garamond-400.woff2') format('woff2');}@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/cormorant-garamond-500.woff2') format('woff2');}:root{--font-serif:'Libre Baskerville', Georgia, 'Times New Roman', serif;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:3rem;--text-hero:clamp(3rem, 8vw, 6rem);--leading-tight:0.95;--leading-snug:1.25;--leading-normal:1.6;--leading-relaxed:1.8;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.05em;--tracking-wider:0.15em;--navy-900:#0a0f1a;--navy-800:#0f172a;--navy-700:#1e293b;--navy-600:#334155;--navy-500:#475569;--parchment-50:#fdfcfa;--parchment-100:#faf8f5;--parchment-200:#f5f3ef;--parchment-300:#ede9e2;--parchment-400:#e5dfd6;--gold-400:#e8d5a3;--gold-500:#d4af37;--gold-600:#b8941f;--gold-700:#967510;--bg-primary:var(--parchment-100);--bg-secondary:var(--parchment-200);--bg-elevated:var(--parchment-50);--bg-dark:var(--navy-800);--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-tertiary:#737373;--text-muted:#a3a3a3;--text-on-dark:var(--parchment-100);--accent-primary:var(--gold-500);--accent-hover:var(--gold-600);--accent-subtle:var(--gold-400);--category-comfort:#c9a87c;--category-comfort-bg:rgba(201, 168, 124, 0.08);--category-nature:#6b8e6b;--category-nature-bg:rgba(107, 142, 107, 0.08);--category-wisdom:#7c6b8e;--category-wisdom-bg:rgba(124, 107, 142, 0.08);--category-strength:#8e7c6b;--category-strength-bg:rgba(142, 124, 107, 0.08);--category-love:#b76b7c;--category-love-bg:rgba(183, 107, 124, 0.08);--category-faith:#6b7c8e;--category-faith-bg:rgba(107, 124, 142, 0.08);--category-hope:#8e9a6b;--category-hope-bg:rgba(142, 154, 107, 0.08);--category-default:#6b6b6b;--category-default-bg:rgba(107, 107, 107, 0.05);--shadow-xs:0 1px 2px rgba(15, 23, 42, 0.04);--shadow-sm:0 2px 4px rgba(15, 23, 42, 0.06),
               0 1px 2px rgba(15, 23, 42, 0.04);--shadow-md:0 4px 8px rgba(15, 23, 42, 0.08),
               0 2px 4px rgba(15, 23, 42, 0.04);--shadow-lg:0 8px 16px rgba(15, 23, 42, 0.1),
               0 4px 8px rgba(15, 23, 42, 0.06);--shadow-xl:0 16px 32px rgba(15, 23, 42, 0.12),
               0 8px 16px rgba(15, 23, 42, 0.08);--shadow-glow:0 0 60px rgba(212, 175, 55, 0.15);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2.5rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--spacing-4xl:8rem;--radius-none:0;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base:250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:400ms cubic-bezier(0.4, 0, 0.2, 1);--transition-verse:600ms ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-nav:1000;--z-modal:2000;--z-tooltip:3000;}@media (prefers-reduced-motion: reduce){:root{--transition-fast:0ms linear;--transition-base:0ms linear;--transition-slow:0ms linear;--transition-verse:0ms linear;}}.font-serif{font-family:var(--font-serif);}.font-sans{font-family:var(--font-sans);}.grain-overlay::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:0.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");}.ambient-glow{position:relative;}.ambient-glow::before{content:'';position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:80%;height:100%;background:radial-gradient(ellipse at center, rgba(212, 175, 55, 0.08) 0%, transparent 70%);pointer-events:none;z-index:-1;}.verse-text,
.scripture-text,
.bible-verse{font-family:var(--font-serif);color:var(--text-primary);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);}.caption,
.verse-reference,
.scripture-reference{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);letter-spacing:var(--tracking-wider);text-transform:uppercase;}.drop-cap::first-letter{float:left;font-family:var(--font-serif);font-size:4.5em;line-height:0.8;padding-right:0.1em;color:var(--accent-primary);font-weight:400;}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);}h1, h2, h3, h4, h5, h6{font-family:var(--font-sans);font-weight:500;line-height:var(--leading-snug);color:var(--text-primary);margin-bottom:var(--spacing-md);}h1{font-size:var(--text-4xl);font-weight:500;line-height:var(--leading-tight);letter-spacing:-0.02em;}h2{font-size:var(--text-3xl);font-weight:500;letter-spacing:-0.01em;}h3{font-size:var(--text-2xl);font-weight:500;}h4{font-size:var(--text-xl);font-weight:500;}h5{font-size:var(--text-lg);font-weight:600;}h6{font-size:var(--text-base);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);}.hero-title{font-family:var(--font-serif);font-size:var(--text-hero);font-weight:400;color:var(--navy-800);text-align:center;margin-bottom:var(--spacing-lg);line-height:var(--leading-tight);letter-spacing:-0.02em;}.hero-tagline{font-family:var(--font-sans);font-size:var(--text-xl);color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-3xl);line-height:var(--leading-normal);font-weight:400;max-width:600px;margin-left:auto;margin-right:auto;}.popular-heading,
.collection-heading,
.cta-heading{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:400;color:var(--navy-800);text-align:center;margin-bottom:var(--spacing-md);letter-spacing:-0.01em;}.popular-subheading,
.collection-subheading,
.cta-description{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-xl);line-height:var(--leading-normal);max-width:600px;margin-left:auto;margin-right:auto;font-weight:400;}.letter-heading{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400;color:var(--navy-800);margin-bottom:var(--spacing-lg);display:flex;align-items:baseline;gap:var(--spacing-md);border-bottom:1px solid var(--parchment-300);padding-bottom:var(--spacing-sm);}.letter-count{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);letter-spacing:var(--tracking-wide);}.verse-text,
.scripture-text,
.bible-verse,
.random-verse-text{font-family:var(--font-serif);color:var(--text-primary);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);}.random-verse-text{font-size:var(--text-2xl);line-height:var(--leading-relaxed);max-width:65ch;margin:0 auto;}.verse-card .verse-text{font-size:var(--text-lg);line-height:var(--leading-relaxed);max-width:65ch;}.verse-text sup,
.scripture-text sup{font-family:var(--font-sans);font-size:0.6em;vertical-align:super;color:var(--accent-primary);font-weight:600;margin-right:0.2em;}.verse-text em,
.scripture-text em{font-style:italic;font-family:var(--font-serif);}.verse-reference,
.verse-reference-home,
.scripture-reference{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);letter-spacing:var(--tracking-wider);text-transform:uppercase;transition:color var(--transition-fast);}.verse-reference:hover,
.verse-reference-home:hover,
.scripture-reference:hover{color:var(--accent-primary);}.verse-translation-home{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted);margin-left:var(--spacing-sm);letter-spacing:var(--tracking-wide);font-weight:500;}p{margin-bottom:var(--spacing-md);line-height:var(--leading-normal);color:var(--text-secondary);}p:last-child{margin-bottom:0;}.lead,
.intro-text{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);font-weight:400;}.topic-intro,
.topic-description{font-family:var(--font-sans);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:var(--parchment-50);border-left:3px solid var(--accent-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;}.topic-outro{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-secondary);margin-top:var(--spacing-3xl);padding:var(--spacing-xl);background:var(--navy-800);color:var(--parchment-100);border-radius:var(--radius-lg);}.topic-outro p{color:var(--parchment-200);}.label,
.stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600;}.stat-value{font-family:var(--font-serif);font-size:var(--text-4xl);font-weight:400;line-height:1;margin-bottom:var(--spacing-xs);color:var(--navy-800);}.stat-gold{color:var(--accent-primary);}.stat-navy{color:var(--navy-700);}a{color:var(--navy-700);text-decoration:none;transition:color var(--transition-fast);}a:hover{color:var(--accent-primary);}.link-animated{position:relative;}.link-animated::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:1px;background:var(--accent-primary);transition:all var(--transition-base);transform:translateX(-50%);}.link-animated:hover::after{width:100%;}.journey-heading{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400;color:var(--navy-800);text-align:center;margin-bottom:var(--spacing-md);}.journey-description{font-size:var(--text-lg);color:var(--text-secondary);text-align:center;line-height:var(--leading-normal);margin-bottom:var(--spacing-md);font-weight:400;}.journey-cta-text{font-size:var(--text-base);color:var(--accent-primary);text-align:center;font-weight:600;letter-spacing:var(--tracking-wide);}.loading-text,
.error-text{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-secondary);text-align:center;}.error-text{color:#b76b7c;}.quote-decoration{position:absolute;font-family:var(--font-serif);font-size:20rem;color:var(--accent-primary);opacity:0.08;line-height:1;pointer-events:none;user-select:none;}.quote-decoration.open{top:-0.2em;left:-0.1em;}.quote-decoration.close{bottom:-0.4em;right:-0.1em;}@media (max-width: 1024px){h1{font-size:var(--text-3xl);}h2, .popular-heading, .collection-heading{font-size:var(--text-2xl);}.stat-value{font-size:var(--text-3xl);}.random-verse-text{font-size:var(--text-xl);}}@media (max-width: 768px){h1{font-size:var(--text-2xl);}h2{font-size:var(--text-xl);}.hero-tagline{font-size:var(--text-lg);}.popular-subheading,
  .collection-subheading{font-size:var(--text-base);}.stat-value{font-size:var(--text-2xl);}.random-verse-text{font-size:var(--text-lg);}.quote-decoration{font-size:12rem;opacity:0.05;}.drop-cap::first-letter{font-size:3em;}}*{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto;}}body{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);background:linear-gradient(180deg, var(--parchment-100) 0%, var(--parchment-200) 100%);background-attachment:fixed;position:relative;}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:0.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");}@media (max-width: 768px){body{background-attachment:scroll;}body::before{display:none;}}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);background:transparent;border-bottom:1px solid transparent;transition:all var(--transition-base);}.nav.scrolled{background:rgba(250, 248, 245, 0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--parchment-300);box-shadow:var(--shadow-sm);}.nav .container{max-width:1400px;margin:0 auto;padding:var(--spacing-md) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-serif);font-size:var(--text-xl);font-weight:600;color:var(--navy-800);text-decoration:none;transition:all var(--transition-fast);}.logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;}.logo-icon svg{width:100%;height:100%;color:var(--accent-primary);}.logo:hover{color:var(--accent-primary);}.nav-links{display:flex;align-items:center;gap:var(--spacing-xl);}.nav-links a{position:relative;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);padding:var(--spacing-xs) 0;}.nav-links a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:1.5px;background:var(--accent-primary);transition:all var(--transition-base);transform:translateX(-50%);}.nav-links a:hover{color:var(--navy-800);}.nav-links a:hover::after{width:100%;}.nav-links a.active{color:var(--navy-800);}.nav-links a.active::after{width:100%;}.lang-selector{position:relative;}.lang-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:1px solid var(--parchment-300);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);}.lang-btn:hover{background:var(--parchment-50);border-color:var(--parchment-400);color:var(--navy-800);}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:rgba(253, 252, 250, 0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--parchment-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:220px;padding:var(--spacing-sm);z-index:var(--z-dropdown);}.lang-dropdown[hidden]{display:none;}.lang-dropdown a{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--text-sm);}.lang-dropdown a:hover{background:var(--parchment-200);color:var(--navy-800);}.main{flex:1;width:100%;padding-top:80px;}.homepage-main{max-width:1400px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl);}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl);}.homepage-hero{position:relative;padding:var(--spacing-4xl) 0 var(--spacing-3xl);text-align:center;}.homepage-hero::before{content:'';position:absolute;top:20%;left:50%;transform:translateX(-50%);width:60%;height:60%;background:radial-gradient(ellipse at center, rgba(212, 175, 55, 0.06) 0%, transparent 70%);pointer-events:none;z-index:0;}.homepage-hero > *{position:relative;z-index:1;}.popular-section,
.collection-section,
.cta-section{margin-top:var(--spacing-4xl);margin-bottom:var(--spacing-4xl);padding:var(--spacing-3xl) 0;}.collection-section{background:var(--parchment-50);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-md);border:1px solid var(--parchment-200);}.popular-topics-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl);}.letter-topics-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:var(--spacing-md);margin-top:var(--spacing-md);}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl);}.stats-card{background:linear-gradient(135deg, var(--parchment-50) 0%, var(--bg-elevated) 100%);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin:var(--spacing-2xl) 0;box-shadow:var(--shadow-md);border:1px solid var(--parchment-200);}.stat-item{text-align:center;padding:var(--spacing-lg);}.letter-section{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--parchment-300);}.letter-section:last-child{border-bottom:none;}.browse-toggle-section{margin:var(--spacing-2xl) 0;text-align:center;}.all-topics-container{margin-top:var(--spacing-xl);transition:all var(--transition-slow);}.all-topics-container.hidden{display:none;}.organized-topics{transition:opacity var(--transition-slow);}.organized-topics.hidden{opacity:0;height:0;overflow:hidden;}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);}.spinner{width:48px;height:48px;border:3px solid var(--parchment-300);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 800ms linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.journey-prompt{background:linear-gradient(135deg, var(--parchment-50) 0%, var(--bg-elevated) 100%);border-radius:var(--radius-xl);padding:var(--spacing-3xl);margin:var(--spacing-2xl) 0;text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--parchment-200);position:relative;overflow:hidden;}.journey-prompt::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--accent-primary) 0%, transparent 100%);}.journey-prompt.hidden{display:none;}.footer{background:var(--navy-800);padding:var(--spacing-3xl) 0;margin-top:auto;}.footer .container{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2xl);flex-wrap:wrap;}.footer-sections{flex-direction:column;gap:var(--spacing-xl);}.footer-section{text-align:center;}.footer-heading{font-size:var(--text-xs);font-weight:600;color:var(--parchment-300);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:var(--tracking-wider);}.footer-popular-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs) var(--spacing-md);}.footer-links{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;padding-top:var(--spacing-lg);border-top:1px solid var(--navy-700);width:100%;}.footer a{font-size:var(--text-sm);color:var(--parchment-300);text-decoration:none;transition:color var(--transition-fast);}.footer a:hover{color:var(--accent-primary);}.skip-to-content{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--navy-800);color:var(--parchment-100);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);text-decoration:none;font-weight:500;z-index:10000;transition:top var(--transition-fast);border:1px solid var(--accent-primary);}.skip-to-content:focus{top:var(--spacing-md);outline:2px solid var(--accent-primary);outline-offset:2px;}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}.reveal{opacity:0;transform:translateY(30px);transition:all var(--transition-slow);}.reveal.visible{opacity:1;transform:translateY(0);}.reveal-delay-1{transition-delay:100ms;}.reveal-delay-2{transition-delay:200ms;}.reveal-delay-3{transition-delay:300ms;}.hidden{display:none !important;}.text-center{text-align:center;}.mt-0{margin-top:0;}.mt-sm{margin-top:var(--spacing-sm);}.mt-md{margin-top:var(--spacing-md);}.mt-lg{margin-top:var(--spacing-lg);}.mt-xl{margin-top:var(--spacing-xl);}.mb-0{margin-bottom:0;}.mb-sm{margin-bottom:var(--spacing-sm);}.mb-md{margin-bottom:var(--spacing-md);}.mb-lg{margin-bottom:var(--spacing-lg);}.mb-xl{margin-bottom:var(--spacing-xl);}@media (max-width: 1024px){.popular-topics-grid{grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:var(--spacing-lg);}.stats-grid{grid-template-columns:repeat(2, 1fr);}.homepage-main{padding:var(--spacing-2xl) var(--spacing-lg);}}@media (max-width: 768px){.nav .container{padding:var(--spacing-sm) var(--spacing-md);}.nav-links{gap:var(--spacing-md);}.nav-links a{font-size:var(--text-xs);}.logo{font-size:var(--text-lg);}.logo-icon{width:28px;height:28px;}.main{padding-top:70px;}.homepage-main{padding:var(--spacing-xl) var(--spacing-md);}.homepage-hero{padding:var(--spacing-2xl) 0 var(--spacing-xl);}.popular-topics-grid{grid-template-columns:1fr;gap:var(--spacing-md);}.letter-topics-grid{grid-template-columns:1fr;}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-md);}.collection-section{padding:var(--spacing-xl);border-radius:var(--radius-xl);}.popular-section,
  .collection-section,
  .cta-section{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) 0;}.footer .container{gap:var(--spacing-lg);}.footer-links{gap:var(--spacing-md);}}@media (max-width: 480px){.nav .container{padding:var(--spacing-xs) var(--spacing-md);}.homepage-main{padding:var(--spacing-lg) var(--spacing-sm);}.collection-section{padding:var(--spacing-lg);}.lang-dropdown{right:-20px;min-width:200px;}}.cta-btn,
.browse-toggle-btn,
button.primary,
.primary-button{font-family:var(--font-sans);font-size:var(--text-base);font-weight:500;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);border:1.5px solid var(--parchment-400);background:var(--parchment-50);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);letter-spacing:var(--tracking-wide);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:var(--shadow-sm);}.cta-primary,
.primary-button{background:var(--navy-800);border-color:var(--navy-800);color:var(--parchment-100);box-shadow:var(--shadow-md);}.cta-primary:hover,
.primary-button:hover{background:var(--navy-700);border-color:var(--navy-700);transform:translateY(-2px);box-shadow:var(--shadow-lg);}.cta-primary:active,
.primary-button:active{transform:scale(0.98);box-shadow:var(--shadow-sm);}.cta-secondary,
.secondary-button{background:transparent;border:1.5px solid var(--parchment-400);color:var(--text-secondary);}.cta-secondary:hover,
.secondary-button:hover{background:var(--parchment-50);border-color:var(--accent-primary);color:var(--navy-800);transform:translateY(-2px);box-shadow:var(--shadow-md);}.cta-secondary:active,
.secondary-button:active{transform:scale(0.98);box-shadow:var(--shadow-sm);}.browse-toggle-btn{background:var(--parchment-50);color:var(--text-secondary);border:1.5px solid var(--parchment-300);padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--text-lg);width:100%;max-width:600px;margin:var(--spacing-xl) auto;display:flex;justify-content:center;border-radius:var(--radius-full);font-family:var(--font-serif);font-weight:400;}.browse-toggle-btn:hover{border-color:var(--accent-primary);color:var(--navy-800);transform:translateY(-2px);box-shadow:var(--shadow-md);}.browse-toggle-btn:active{transform:scale(0.98);}.browse-toggle-btn::after{content:'▼';margin-left:var(--spacing-sm);font-size:0.7em;transition:transform var(--transition-base);}.browse-toggle-btn.open::after{transform:rotate(180deg);}.popular-topic-card,
.letter-topic-link{display:block;background:var(--parchment-50);border:1px solid var(--parchment-200);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;}.popular-topic-card::before,
.letter-topic-link::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--category-default);opacity:0;transition:opacity var(--transition-base);}.popular-topic-card:hover,
.letter-topic-link:hover{border-color:var(--parchment-300);box-shadow:var(--shadow-lg);transform:translateY(-4px);}.popular-topic-card:hover::before,
.letter-topic-link:hover::before{opacity:1;}.popular-topic-card:active,
.letter-topic-link:active{transform:translateY(-2px) scale(0.99);box-shadow:var(--shadow-sm);}.popular-topic-card[data-category="comfort"],
.letter-topic-link[data-category="comfort"]{background:var(--category-comfort-bg);border-color:rgba(201, 168, 124, 0.2);}.popular-topic-card[data-category="comfort"]::before,
.letter-topic-link[data-category="comfort"]::before{background:var(--category-comfort);}.popular-topic-card[data-category="nature"],
.letter-topic-link[data-category="nature"]{background:var(--category-nature-bg);border-color:rgba(107, 142, 107, 0.2);}.popular-topic-card[data-category="nature"]::before,
.letter-topic-link[data-category="nature"]::before{background:var(--category-nature);}.popular-topic-card[data-category="wisdom"],
.letter-topic-link[data-category="wisdom"]{background:var(--category-wisdom-bg);border-color:rgba(124, 107, 142, 0.2);}.popular-topic-card[data-category="wisdom"]::before,
.letter-topic-link[data-category="wisdom"]::before{background:var(--category-wisdom);}.popular-topic-card[data-category="strength"],
.letter-topic-link[data-category="strength"]{background:var(--category-strength-bg);border-color:rgba(142, 124, 107, 0.2);}.popular-topic-card[data-category="strength"]::before,
.letter-topic-link[data-category="strength"]::before{background:var(--category-strength);}.popular-topic-card[data-category="love"],
.letter-topic-link[data-category="love"]{background:var(--category-love-bg);border-color:rgba(183, 107, 124, 0.2);}.popular-topic-card[data-category="love"]::before,
.letter-topic-link[data-category="love"]::before{background:var(--category-love);}.popular-topic-card[data-category="faith"],
.letter-topic-link[data-category="faith"]{background:var(--category-faith-bg);border-color:rgba(107, 124, 142, 0.2);}.popular-topic-card[data-category="faith"]::before,
.letter-topic-link[data-category="faith"]::before{background:var(--category-faith);}.popular-topic-card[data-category="hope"],
.letter-topic-link[data-category="hope"]{background:var(--category-hope-bg);border-color:rgba(142, 154, 107, 0.2);}.popular-topic-card[data-category="hope"]::before,
.letter-topic-link[data-category="hope"]::before{background:var(--category-hope);}.topic-card-icon{width:40px;height:40px;margin-bottom:var(--spacing-md);color:var(--text-tertiary);transition:all var(--transition-base);}.popular-topic-card:hover .topic-card-icon{color:var(--accent-primary);transform:scale(1.1);}.popular-topic-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:500;color:var(--navy-800);margin-bottom:var(--spacing-xs);transition:color var(--transition-fast);}.popular-topic-card:hover .popular-topic-title{color:var(--accent-primary);}.popular-topic-count,
.letter-topic-count{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500;letter-spacing:var(--tracking-wide);}.search-container{position:relative;}.search-input{font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);padding-left:2.5rem;border:1.5px solid var(--parchment-300);border-radius:var(--radius-full);background:var(--parchment-50);color:var(--text-primary);transition:all var(--transition-base);width:200px;box-shadow:var(--shadow-xs);}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--shadow-sm), 0 0 0 3px rgba(212, 175, 55, 0.1);width:280px;}.search-input::placeholder{color:var(--text-muted);}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center;margin-top:var(--spacing-xl);}button:disabled,
.button-loading{opacity:0.6;cursor:not-allowed;pointer-events:none;}.button-loading::after{content:'';display:inline-block;width:12px;height:12px;margin-left:var(--spacing-sm);border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin 600ms linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}@media (max-width: 768px){.cta-buttons{flex-direction:column;width:100%;}.cta-btn,
  .primary-button,
  .secondary-button{width:100%;}.search-input{width:100%;}.search-input:focus{width:100%;}.browse-toggle-btn{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-base);}.popular-topic-card,
  .letter-topic-link{padding:var(--spacing-lg);}}.random-verse-container{position:relative;max-width:900px;margin:var(--spacing-3xl) auto;padding:var(--spacing-3xl) var(--spacing-xl);}.random-verse-card{position:relative;background:linear-gradient(180deg, var(--parchment-50) 0%, var(--parchment-100) 100%);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-lg);transition:all var(--transition-slow);overflow:hidden;}.random-verse-card::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:120%;height:120%;background:radial-gradient(ellipse at center, rgba(212, 175, 55, 0.1) 0%, transparent 60%);pointer-events:none;z-index:0;}.random-verse-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);}.random-verse-card .quote-mark-open,
.random-verse-card .quote-mark-close{position:absolute;font-family:var(--font-serif);font-size:12rem;color:var(--accent-primary);opacity:0.1;line-height:1;pointer-events:none;user-select:none;z-index:1;}.random-verse-card .quote-mark-open{top:var(--spacing-md);left:var(--spacing-lg);}.random-verse-card .quote-mark-close{bottom:calc(var(--spacing-md) * -1);right:var(--spacing-lg);}.random-verse-text{position:relative;z-index:2;font-family:var(--font-serif);font-size:var(--text-2xl);line-height:var(--leading-relaxed);color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-xl);max-width:65ch;margin-left:auto;margin-right:auto;}.random-verse-text.fade-out{opacity:0;transform:translateY(10px);transition:all var(--transition-verse);}.random-verse-text.fade-in{opacity:1;transform:translateY(0);transition:all var(--transition-verse);}.random-verse-footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--parchment-300);}.verse-details{display:flex;flex-direction:column;gap:var(--spacing-xs);}.refresh-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--parchment-50);color:var(--text-secondary);border:1px solid var(--parchment-400);border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);letter-spacing:var(--tracking-wide);}.refresh-btn:hover{background:var(--parchment-100);border-color:var(--accent-primary);color:var(--navy-800);transform:translateY(-1px);box-shadow:var(--shadow-md);}.refresh-btn:active{transform:scale(0.98);box-shadow:var(--shadow-sm);}.refresh-icon{width:16px;height:16px;transition:transform var(--transition-slow);}.refresh-btn.refreshing .refresh-icon{animation:spin 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.verse-card{position:relative;background:var(--parchment-50);border:1px solid var(--parchment-200);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden;}.verse-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--accent-primary) 0%, transparent 100%);opacity:0;transition:opacity var(--transition-base);}.verse-card:hover{box-shadow:var(--shadow-md);border-color:var(--parchment-300);transform:translateY(-2px);}.verse-card:hover::before{opacity:1;}.verse-content{margin-bottom:var(--spacing-md);}.verse-card .quote-mark-open,
.verse-card .quote-mark-close{font-family:var(--font-serif);font-size:2.25rem;color:var(--accent-primary);opacity:0.12;line-height:1;user-select:none;pointer-events:none;}.verse-card .quote-mark-open{margin-bottom:var(--spacing-xs);}.verse-card .quote-mark-close{margin-top:var(--spacing-xs);text-align:right;}.verse-card .verse-text{font-family:var(--font-serif);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-primary);margin-bottom:var(--spacing-md);text-indent:1rem;}.verse-footer{padding-top:var(--spacing-md);border-top:1px solid var(--parchment-200);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;}.verse-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);}.verse-card .verse-reference{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);letter-spacing:var(--tracking-wider);text-transform:uppercase;display:inline-flex;align-items:center;gap:var(--spacing-xs);}.verse-translation{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase;}.verse-commentary{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-secondary);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--parchment-200);}.verse-card-actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--parchment-200);}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);}.icon-btn:hover{background:var(--parchment-200);color:var(--navy-800);transform:scale(1.05);}.icon-btn:active{transform:scale(0.95);}.icon-btn.favorite:hover{background:rgba(183, 107, 124, 0.1);color:#b76b7c;}.icon-btn.share:hover{background:rgba(107, 124, 142, 0.1);color:#6b7c8e;}.icon-btn.copy:hover{background:rgba(107, 142, 107, 0.1);color:#6b8e6b;}.verse-featured{background:var(--navy-800);color:var(--parchment-100);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin:var(--spacing-xl) 0;}.verse-featured .verse-text{color:var(--parchment-100);font-size:var(--text-xl);}.verse-featured .verse-text::first-letter{float:left;font-family:var(--font-serif);font-size:4.5em;line-height:0.8;padding-right:0.1em;color:var(--accent-primary);font-weight:400;}.verse-featured .verse-reference{color:var(--parchment-300);}.verse-skeleton{background:linear-gradient(
    90deg,
    var(--parchment-200) 0%,
    var(--parchment-300) 50%,
    var(--parchment-200) 100%
  );background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);}.verse-skeleton.text{height:1.5em;margin-bottom:var(--spacing-sm);}.verse-skeleton.text-short{width:60%;height:1.5em;}.verse-skeleton.reference{width:120px;height:0.875em;}@keyframes shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}@media (max-width: 768px){.random-verse-container{padding:var(--spacing-xl) var(--spacing-md);margin:var(--spacing-2xl) var(--spacing-sm);}.random-verse-card{padding:var(--spacing-xl);}.random-verse-card .quote-mark-open,
  .random-verse-card .quote-mark-close{font-size:6rem;opacity:0.06;}.random-verse-text{font-size:var(--text-xl);}.random-verse-footer{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);}.refresh-btn{width:100%;justify-content:center;}.verse-card{padding:var(--spacing-lg);}.verse-featured .verse-text::first-letter{font-size:3em;}}@media (max-width: 480px){.random-verse-card{padding:var(--spacing-lg);border-radius:var(--radius-xl);}.random-verse-text{font-size:var(--text-lg);}}.verse-reading-note{font-family:var(--font-ui, Inter, sans-serif);font-size:0.875rem;line-height:1.65;color:var(--text-secondary, #6B665C);margin:1rem 0 0;}.verse-reading-note[hidden]{display:none;}.verse-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;}.verse-actions-group{display:flex;gap:.5rem;}.verse-context-link{color:#66501e;text-decoration:underline;text-underline-offset:3px;}.context-caption{display:block;font:500 .75rem/1.4 var(--font-sans, sans-serif);color:#66501e;}.verse-action-status{position:fixed;z-index:1000;bottom:1rem;left:50%;transform:translateX(-50%);max-width:calc(100vw - 2rem);padding:.75rem 1rem;color:#fff;background:#302818;border-radius:8px;box-shadow:0 3px 15px #0003;}.saved-verses-section{margin:2rem 0;padding:1.5rem;border:1px solid #d7d0bf;border-radius:12px;}#savedVerses{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0;}.saved-verse-button{border:1px solid #89703d;color:#493813;background:#fff;border-radius:8px;padding:.6rem .85rem;cursor:pointer;}.collection-method{color:#494238;font-size:.875rem;line-height:1.6;margin:2rem 0 1rem;}.link-spoke-signal,.related-topic-count{color:#65532a;opacity:1;}@media (max-width:600px){.random-verse-footer-section{flex-direction:column;align-items:stretch;gap:1rem;}.verse-actions{gap:.5rem;}.refresh-verse-btn{padding:.65rem .8rem;}}.start-here-section{max-width:800px;margin:0 auto 4rem;padding:2rem 1rem;}.start-here-header{text-align:center;margin-bottom:3rem;}.start-here-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(15, 23, 42, 0.92);color:var(--parchment-100);border:1px solid rgba(212, 175, 55, 0.45);border-radius:9999px;font-weight:600;font-size:0.875rem;letter-spacing:0.05em;margin-bottom:1rem;box-shadow:var(--shadow-sm);}.heart-icon{width:16px;height:16px;animation:heartbeat 2s ease-in-out infinite;}@keyframes heartbeat{0%, 100%{transform:scale(1);}10%{transform:scale(1.1);}20%{transform:scale(1);}}.start-here-text{font-weight:700;}.start-here-heading{font-size:2rem;font-weight:800;color:var(--navy-800);margin-bottom:0.5rem;line-height:1.2;}.start-here-subheading{font-size:1.125rem;color:var(--text-secondary);font-weight:400;max-width:600px;margin:0 auto;}.emotional-intro .intro-text.empathetic{font-size:1.25rem;font-weight:500;color:var(--text-secondary);text-align:center;max-width:700px;margin:0 auto;padding:2rem;background:linear-gradient(135deg, var(--parchment-50) 0%, var(--parchment-100) 100%);border-radius:16px;border-left:4px solid rgba(212, 175, 55, 0.75);}.start-here-verses{display:flex;flex-direction:column;gap:1.5rem;}.start-here-verse-card{position:relative;background:var(--parchment-50);border-radius:16px;padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--parchment-200);transition:all var(--transition-base);cursor:pointer;}.start-here-verse-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:rgba(212, 175, 55, 0.45);}.start-here-verse-card:first-child{border:1px solid rgba(212, 175, 55, 0.55);background:linear-gradient(135deg, rgba(212, 175, 55, 0.08) 0%, var(--parchment-50) 100%);}.verse-number{position:absolute;top:-12px;left:20px;width:32px;height:32px;background:var(--navy-800);color:var(--parchment-100);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.875rem;box-shadow:var(--shadow-md);border:1px solid rgba(212, 175, 55, 0.45);}.verse-content-start-here{position:relative;margin-bottom:1.5rem;}.quote-mark-open-large,
.quote-mark-close-large{font-size:3rem;color:#cbd5e1;line-height:1;font-family:Georgia, serif;position:absolute;}.quote-mark-open-large{top:-10px;left:-10px;}.quote-mark-close-large{bottom:-30px;right:-10px;}.verse-text-large{font-size:1.25rem;line-height:1.8;color:#1e293b;font-weight:400;padding:0 1rem;margin:0;}.verse-text-kjv{font-family:Georgia, serif;font-style:italic;}.verse-footer-start-here{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;}.verse-meta-start-here{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}.verse-reference-bold{font-weight:700;font-size:1rem;color:var(--navy-800);}.translation-toggle{display:flex;gap:0.25rem;background:var(--parchment-200);border-radius:8px;padding:0.25rem;border:1px solid var(--parchment-300);}.translation-btn{padding:0.375rem 0.75rem;font-size:0.875rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all var(--transition-fast);}.translation-btn:hover{color:var(--navy-800);background:rgba(253, 252, 250, 0.75);}.translation-btn.active{color:var(--parchment-100);background:var(--navy-800);box-shadow:var(--shadow-sm);}.verse-share-btn-primary{display:flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;background:var(--navy-800);color:var(--parchment-100);border:none;border-radius:8px;font-weight:600;font-size:0.875rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md);}.verse-share-btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);background:var(--navy-700);}.verse-share-btn-primary:active{transform:translateY(0);}.verse-share-btn-primary .share-icon{width:18px;height:18px;}.more-verses-divider{display:flex;align-items:center;gap:1rem;margin:3rem 0;}.divider-line{flex:1;height:1px;background:linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.22), transparent);}.divider-text{font-weight:700;font-size:0.875rem;color:var(--text-tertiary);letter-spacing:0.1em;}@media (max-width: 640px){.start-here-section{padding:1rem 0.5rem;}.start-here-heading{font-size:1.5rem;}.start-here-subheading{font-size:1rem;}.start-here-verse-card{padding:1.5rem 1rem;}.verse-text-large{font-size:1.125rem;padding:0 0.5rem;}.verse-footer-start-here{flex-direction:column;align-items:flex-start;}.verse-share-btn-primary{width:100%;justify-content:center;}.quote-mark-open-large,
  .quote-mark-close-large{font-size:2rem;}}@media (prefers-reduced-motion: reduce){.heart-icon{animation:none;}.start-here-verse-card{transition:none;}.start-here-verse-card:hover{transform:none;}}@media print{.start-here-badge{background:#3b82f6;color:white;-webkit-print-color-adjust:exact;print-color-adjust:exact;}.translation-toggle,
  .verse-share-btn-primary{display:none;}}.random-verse-main{min-height:100vh;}.random-verse-hero{padding:var(--spacing-4xl) 0 var(--spacing-2xl);text-align:center;position:relative;}.random-verse-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top, rgba(212, 175, 55, 0.06) 0%, transparent 55%);pointer-events:none;}.random-verse-hero-content{position:relative;max-width:900px;margin:0 auto;padding:0 var(--spacing-xl);}.random-verse-title{font-family:var(--font-serif);font-weight:400;font-size:clamp(2.25rem, 6vw, 4rem);line-height:1.05;color:var(--navy-800);margin:0 0 var(--spacing-md) 0;}.random-verse-subtitle{margin:0 auto;max-width:70ch;font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-normal);}.random-verse-display-section{padding:var(--spacing-2xl) 0 var(--spacing-4xl);}.random-verse-main .random-verse-container{max-width:1100px;margin:0 auto;padding:0 var(--spacing-xl);}@media (max-width: 768px){.random-verse-main .random-verse-container{padding:0 var(--spacing-md);}}.random-verse-display-card{background:linear-gradient(180deg, var(--parchment-50) 0%, var(--parchment-100) 100%);border:1px solid var(--parchment-200);border-radius:var(--radius-2xl);padding:var(--spacing-3xl) var(--spacing-2xl);box-shadow:var(--shadow-xl);position:relative;overflow:hidden;}.random-verse-display-card::before{content:'';position:absolute;inset:-20%;background:radial-gradient(ellipse at center, rgba(212, 175, 55, 0.08) 0%, transparent 60%);pointer-events:none;}.quote-mark-open-large,
.quote-mark-close-large{position:relative;z-index:1;font-family:var(--font-serif);font-size:5rem;color:var(--accent-primary);opacity:0.12;line-height:1;user-select:none;}.quote-mark-close-large{text-align:right;}.random-verse-text-large{position:relative;z-index:1;margin:var(--spacing-xl) 0;font-family:var(--font-serif);font-weight:400;font-size:clamp(1.75rem, 4vw, 2.75rem);line-height:1.35;color:var(--navy-800);text-align:center;min-height:160px;display:flex;align-items:center;justify-content:center;}.random-verse-footer-section{position:relative;z-index:1;border-top:1px solid var(--parchment-300);padding-top:var(--spacing-xl);margin-top:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;}.verse-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);}.verse-reference-large{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--navy-800);}.verse-translation-badge{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;border-radius:var(--radius-full);border:1px solid rgba(212, 175, 55, 0.35);background:rgba(212, 175, 55, 0.08);color:var(--navy-800);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;}.verse-actions{display:flex;gap:var(--spacing-md);}.refresh-verse-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full);border:1px solid var(--navy-800);background:var(--navy-800);color:var(--parchment-100);font-family:var(--font-sans);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);}.refresh-verse-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--navy-700);border-color:var(--navy-700);}.refresh-verse-btn:active{transform:scale(0.98);box-shadow:var(--shadow-sm);}.refresh-icon-large{width:18px;height:18px;}.refresh-verse-btn.refreshing .refresh-icon-large{animation:spin 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);}.verse-topic-link{margin-top:var(--spacing-lg);text-align:center;}.topic-link-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);border:1px solid var(--parchment-300);background:rgba(253, 252, 250, 0.85);text-decoration:none;color:var(--text-secondary);transition:all var(--transition-fast);}.topic-link-btn:hover{border-color:rgba(212, 175, 55, 0.65);color:var(--navy-800);}.topic-link-icon{width:18px;height:18px;color:var(--accent-primary);}.how-it-works-section{margin:var(--spacing-4xl) 0;}.how-it-works-title{font-family:var(--font-serif);font-weight:400;font-size:var(--text-3xl);color:var(--navy-800);text-align:center;margin:0 0 var(--spacing-xl) 0;}.how-it-works-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);}@media (min-width: 900px){.how-it-works-grid{grid-template-columns:repeat(3, 1fr);}}.how-it-works-card{background:var(--parchment-50);border:1px solid var(--parchment-200);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-base);}.how-it-works-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--parchment-300);}.how-it-works-icon{width:48px;height:48px;margin:0 auto var(--spacing-md);color:var(--accent-primary);}.how-it-works-card-title{font-size:var(--text-xl);font-weight:600;color:var(--navy-800);margin:0 0 var(--spacing-sm) 0;}.how-it-works-card-text{margin:0;color:var(--text-secondary);line-height:var(--leading-normal);}.random-verse-cta{background:rgba(253, 252, 250, 0.75);border:1px solid var(--parchment-200);border-radius:var(--radius-2xl);padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center;box-shadow:var(--shadow-md);}.random-verse-cta-title{font-family:var(--font-serif);font-weight:400;font-size:var(--text-3xl);color:var(--navy-800);margin:0 0 var(--spacing-md) 0;}.random-verse-cta-text{margin:0 auto var(--spacing-xl);max-width:70ch;color:var(--text-secondary);}.random-verse-cta-buttons{display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;max-width:560px;margin:0 auto;}@media (min-width: 640px){.random-verse-cta-buttons{flex-direction:row;}}.random-verse-cta-btn{padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-full);font-weight:600;text-decoration:none;transition:all var(--transition-base);text-align:center;border:1px solid transparent;}.random-verse-cta-btn.primary{background:var(--navy-800);color:var(--parchment-100);border-color:var(--navy-800);}.random-verse-cta-btn.primary:hover{transform:translateY(-2px);background:var(--navy-700);border-color:var(--navy-700);box-shadow:var(--shadow-lg);}.random-verse-cta-btn.secondary{background:rgba(253, 252, 250, 0.85);color:var(--navy-800);border-color:var(--parchment-300);}.random-verse-cta-btn.secondary:hover{border-color:rgba(212, 175, 55, 0.65);box-shadow:var(--shadow-sm);}@media (max-width: 640px){.random-verse-display-card{padding:var(--spacing-2xl) var(--spacing-xl);}.random-verse-footer-section{flex-direction:column;align-items:flex-start;}.verse-actions,
  .refresh-verse-btn{width:100%;}.refresh-verse-btn{justify-content:center;}}@media (max-width:768px){.random-verse-hero{padding:1.5rem 1rem 1rem;}.random-verse-title{font-size:2rem;line-height:1.15;}.random-verse-subtitle{font-size:1rem;line-height:1.5;margin-top:1rem;}.random-verse-display-section{padding:.5rem 0 1.5rem;}.random-verse-display-card{padding:1.25rem;}.random-verse-display-card .quote-mark-open-large,
  .random-verse-display-card .quote-mark-close-large{display:none;}.random-verse-text-large{font-size:1.35rem;line-height:1.6;margin:0 0 1rem;}}:root{--paper:#FBF8F3;--paper-deep:#F3EEE5;--dawn:#E7EDF6;--hairline:#E4DED3;--ink:#14264A;--stone:#6B665C;--thread:#8E2A2A;--field-line:#B9C6DA;--font-serif:'Cormorant Garamond',Georgia,serif;--bg-primary:var(--paper);--bg-secondary:var(--paper-deep);--bg-elevated:var(--paper);--text-primary:var(--ink);--text-secondary:var(--stone);--text-tertiary:var(--stone);--accent-primary:var(--ink);--accent-hover:var(--ink);--accent-subtle:var(--hairline);--navy-800:var(--ink);--navy-900:var(--ink);--parchment-100:var(--paper);--parchment-200:var(--paper-deep);--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;color-scheme:light;}:root[data-theme='night']{--paper:#0E1A33;--paper-deep:#111F3C;--dawn:#172647;--ink:#F3EEE5;--stone:#A9A59B;--thread:#C65A5A;--hairline:#3B4761;--field-line:#415171;color-scheme:dark;}@media(prefers-color-scheme:dark){:root:not([data-theme='light']):not([data-theme='night']){--paper:#0E1A33;--paper-deep:#111F3C;--dawn:#172647;--ink:#F3EEE5;--stone:#A9A59B;--thread:#C65A5A;--hairline:#3B4761;--field-line:#415171;color-scheme:dark}}body{background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;}[hidden]{display:none!important;}body::before,body::after,.topic-bg-gradient,.ambient-glow::before{display:none;}h1,h2,h3,.logo,.verse-text,.verse-text-large,.random-verse-text,.random-verse-text-content{font-family:var(--font-serif);color:var(--ink);font-weight:500;}a{color:var(--ink);}button,input,select,textarea{font:inherit;}button,a,input,textarea,select{touch-action:manipulation;}button,[role='button'],.lang-btn{min-height:44px;}:focus-visible{outline:2px solid var(--ink);outline-offset:4px;}.nav{position:relative;background:var(--paper);backdrop-filter:none;border-bottom:0;box-shadow:none;padding:20px 0;}.nav .container{max-width:1040px;}.logo{font-size:30px;letter-spacing:.02em;gap:0;}.logo,.nav-links>a,.extension-brand{display:inline-flex;align-items:center;min-height:44px;min-width:44px;}.logo-icon{display:none;}.brand-period{color:var(--thread);}.nav-links{gap:20px;}.main{padding-top:0;background:var(--paper);}.footer{background:var(--paper);border-top:.5px solid var(--hairline);color:var(--stone);}.footer a{color:var(--stone);}.homepage-main,.homepage-hero{padding:0 20px 60px;max-width:940px;margin:auto;}.hero-title{font:400 12px/1.5 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:22px 0 18px;text-align:center;}.hero-title.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;}.hero-tagline{display:none;}.random-verse-container{max-width:none;margin:0 auto;padding:0;}.random-verse-card,.random-verse-display-card,.featured-verse-grid .verse-card{background:var(--dawn);border:0;border-radius:2px;box-shadow:none;padding:48px 44px 28px;transform:none;}.random-verse-card:hover,.verse-card:hover,.popular-topic-card:hover{box-shadow:none;transform:none;}.random-verse-card::before,.random-verse-card::after,.random-verse-display-card::before{display:none;}.random-verse-card.evolved-home-verse{background:transparent;padding:0;}.verse-aperture{background:var(--dawn);border-radius:2px;padding:48px 44px 28px;}.verse-aperture .claritas-kicker{margin:0 0 28px;}.home-depth-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:32px;}.evolved-home-verse .homepage-next{padding:28px 0 20px;}.evolved-home-verse .random-verse-footer{margin:0;}.evolved-home-verse .verse-details{text-align:left;}.evolved-home-verse .verse-actions{margin:0;padding:0;}.quote-mark-open,.quote-mark-close,.quote-mark-open-large,.quote-mark-close-large{display:none;}.random-verse-text,.random-verse-text-content{font-size:clamp(30px,4vw,44px);line-height:1.3;font-style:normal;font-weight:500;margin:0 auto 32px;padding:0;max-width:720px;text-align:center;color:var(--ink);}.random-verse-text-large{font:500 clamp(30px,4vw,44px)/1.3 var(--font-serif);color:var(--ink);font-style:normal;margin:0 auto 28px;padding:0;}.random-verse-footer-section{border-top:.5px solid var(--field-line);padding-top:16px;}.verse-reference-large{font:500 14px/1.5 Inter,system-ui,sans-serif;color:var(--ink);}.verse-translation-badge{background:transparent;border:0;color:var(--stone);font-size:12px;}.random-verse-title{font-size:clamp(32px,5vw,48px);font-weight:400;color:var(--ink);}.random-verse-hero{padding:24px 0;margin:0;}.random-verse-subtitle{font-size:14px;color:var(--stone);}.random-verse-content-wrapper{max-width:900px;margin:auto;}.verse-reference::before{content:'';width:14px;height:1.5px;background:var(--thread);display:inline-block;margin-right:10px;vertical-align:middle;}.icon-btn{background:transparent;color:var(--ink);border:.5px solid var(--field-line);border-radius:8px;width:44px;height:44px;}.icon-btn:hover{background:var(--paper-deep);color:var(--ink);}.verse-actions-group{flex-wrap:wrap;}dialog{background:var(--paper);color:var(--ink);border:.5px solid var(--hairline);border-radius:8px;padding:28px;max-width:min(480px,90vw);}dialog::backdrop{background:rgba(14,26,51,.4);}.random-verse-footer,.random-verse-meta{border-top:.5px solid var(--field-line);padding-top:16px;background:none;}.verse-reference-home,.verse-reference-text,.verse-reference{font:500 14px/1.5 Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--ink);}.verse-reference-home::before,.verse-reference-text::before{content:'';display:inline-block;width:14px;height:1.5px;margin-right:10px;vertical-align:middle;background:var(--thread);}.verse-translation-home,.random-verse-translation,.translation-badge{color:var(--stone);background:transparent;border:0;font-size:12px;}.verse-actions{border:0;gap:12px;flex-wrap:wrap;}.refresh-btn,.refresh-verse-btn,.load-more-btn,.browse-toggle-btn,.btn,.claritas-button{background:transparent;color:var(--ink);border:.5px solid var(--hairline);border-radius:8px;box-shadow:none;padding:10px 18px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:14px;line-height:1.4;cursor:pointer;}.refresh-btn:hover,.refresh-verse-btn:hover,.claritas-button:hover{background:var(--paper-deep);border-color:var(--ink);transform:none;box-shadow:none;}.claritas-button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink);}.claritas-button[aria-pressed='true']{border-color:var(--ink);}.icon-btn[data-action='save-verse'][aria-pressed='true']{color:var(--thread);}[data-action='save-verse']:not(.icon-btn)[aria-pressed='true']::before,#saveVerse[aria-pressed='true']::before{content:'♥';color:var(--thread);}.homepage-next{text-align:center;padding:24px 0 32px;}.popular-section{margin:0;padding:0;max-width:none;}.popular-heading{font:400 12px/1.5 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-align:left;margin-bottom:12px;color:var(--stone);}.popular-subheading{display:none;}.popular-topics-grid{display:block;}.popular-topic-card{display:flex;justify-content:space-between;align-items:center;gap:20px;background:transparent;border:0;border-top:.5px solid var(--hairline);border-radius:0;box-shadow:none;min-height:68px;padding:16px 0;}.popular-topic-card::before,.popular-topic-card::after{display:none;}.popular-topics-grid .popular-topic-card[data-category]{background:transparent;border-color:var(--hairline);}.verse-context-link{color:var(--ink);}.topic-page-enhanced .verse-reference{color:var(--ink);text-transform:none;letter-spacing:0;font-size:14px;font-family:Inter,system-ui,sans-serif;}.topic-page-enhanced .topic-description{background:transparent;border:0;border-radius:0;padding:0;}.claritas-shell .claritas-button{border-radius:8px;box-shadow:none;font-weight:400;}.claritas-shell .claritas-button.primary{background:var(--ink);color:var(--paper);}.icon-btn .heart-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;}.icon-btn[aria-pressed='true'] .heart-icon{fill:currentColor;}.featured-verses-section #anotherTopicVerse{margin-top:20px;}.topic-header-enhanced{text-align:left;}.topic-stats-section{justify-content:flex-start;}.featured-verse-grid .verse-footer{border-top:.5px solid var(--field-line);padding-top:16px;}.popular-topic-title{font:500 26px/1.3 var(--font-serif);margin:0;color:var(--ink);}.popular-topic-count{margin:0;color:var(--stone);font-size:13px;}.topic-collection-scope{max-width:64ch;margin:16px 0;color:var(--stone);font-size:14px;line-height:1.6;}.collection-section{background:transparent;border:0;box-shadow:none;border-radius:0;}.cta-section{background:var(--paper-deep);border:.5px solid var(--hairline);border-radius:2px;box-shadow:none;}.topic-content-wrapper{max-width:940px;margin:auto;padding:0 24px;}.topic-header-enhanced{padding:16px 0 20px;margin-bottom:0;}.topic-title-main{font-size:clamp(42px,7vw,68px);font-weight:400;line-height:1.15;}.topic-title-label{font:400 12px/1.5 Inter,system-ui,sans-serif;letter-spacing:.16em;color:var(--stone);}.topic-description,.collection-method{color:var(--stone);font-size:14px;}.topic-stats-section{margin:12px 0 0;}.verse-count-badge{background:none;border:0;box-shadow:none;color:var(--stone);padding:0;font-size:13px;}.verse-count-badge svg,.tier-badge,.start-here-badge,.featured-badge-wrapper,.featured-heading,.featured-divider{display:none;}.featured-verses-section{margin:0 0 32px;}.featured-verses-section .text-center.mb-xl{display:none;}.featured-verse-grid{display:block;}.featured-verse-container:not(:first-child){display:none;}.featured-verse-grid .verse-card .verse-text{font-size:clamp(28px,4vw,40px);text-align:center;line-height:1.3;margin-bottom:28px;}.verse-grid{display:block;}.verse-grid .verse-card{background:transparent;border:0;border-top:.5px solid var(--hairline);border-radius:0;box-shadow:none;padding:28px 0;}.verse-text{font-size:26px;line-height:1.4;font-style:normal;color:var(--ink);}.verse-card::before,.verse-card::after{display:none;}.verses-divider{background:var(--hairline);}.verse-header,.verse-footer{background:none;color:var(--ink);}.thematic-section,.study-guide-section,.conclusion-section,.topic-faq-section,.topic-purpose-section,.topic-intro-enhanced{background:transparent;border:0;border-top:.5px solid var(--hairline);border-radius:0;box-shadow:none;padding:28px 0;}.topic-faq-item{background:var(--paper-deep);border:.5px solid var(--hairline);border-radius:2px;}.link-hub-card,.link-spoke-card,.related-topic-card{background:transparent;border:0;border-top:.5px solid var(--hairline);border-radius:0;box-shadow:none;}.topic-title-main,.topic-description{color:var(--ink);}.claritas-shell{max-width:900px;margin:0 auto;padding:20px 24px 60px;}.claritas-shell h1{font-size:48px;line-height:1.1;font-weight:400;margin:20px 0;}.claritas-kicker{font:400 12px/1.5 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--stone);}.claritas-field{background:var(--dawn);border-radius:2px;padding:40px;text-align:center;}.claritas-field blockquote{font:500 clamp(30px,4vw,44px)/1.3 var(--font-serif);margin:28px auto;max-width:680px;}.claritas-muted{color:var(--stone);font-size:14px;line-height:1.6;}.claritas-row{border-top:.5px solid var(--hairline);padding:24px 0;}.claritas-row p{margin:12px 0;}.claritas-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0;}.claritas-input{width:100%;color:var(--ink);background:transparent;border:1px solid var(--stone);border-radius:8px;min-height:44px;padding:12px;font-size:16px;}textarea.claritas-input{min-height:140px;resize:vertical;}select.claritas-button,.browse-search-input{border:1px solid var(--stone);}.browse-search-input{background:var(--paper);color:var(--ink);border-radius:8px;min-height:44px;}.claritas-input::placeholder,.browse-search-input::placeholder{color:var(--stone);opacity:1;}.browse-search-input:focus{border-color:var(--stone);box-shadow:none;}.browse-search-input:focus-visible,.claritas-input:focus-visible,select.claritas-button:focus-visible{outline:2px solid var(--ink);outline-offset:4px;}.claritas-tabs{display:flex;gap:24px;border-bottom:.5px solid var(--hairline);padding-bottom:12px;margin:24px 0;}.claritas-tabs button{border:0;background:transparent;color:var(--stone);cursor:pointer;}.claritas-tabs button[aria-selected='true']{color:var(--ink);border-bottom:2px solid var(--ink);}.claritas-empty{padding:36px 0;color:var(--stone);}.claritas-status{min-height:24px;color:var(--stone);font-size:14px;}.claritas-progress{display:flex;justify-content:center;gap:28px;list-style:none;padding:0;margin:24px 0;flex-wrap:wrap;}.claritas-progress li{font-size:13px;color:var(--stone);}.claritas-progress [aria-current='step']{font-weight:600;color:var(--ink);}.claritas-progress [aria-current='step']::after{content:'•';display:block;text-align:center;}.claritas-timer{font:400 64px/1.2 var(--font-serif);margin:24px 0;}.theme-toggle{border:0;background:transparent;color:var(--stone);min-width:44px;padding:8px;cursor:pointer;}@media(max-width:640px){.nav{padding:12px 0}.nav .container{padding:0 20px}.nav-links{gap:8px}.nav-links>a{font-size:12px}.logo{font-size:26px}.lang-btn{font-size:12px;padding:8px}.homepage-main,.homepage-hero{padding:0 0 36px}.homepage-hero{padding:0 20px}.hero-title{margin-top:12px}.random-verse-card,.random-verse-display-card,.featured-verse-grid .verse-card{padding:28px 20px 20px}.topic-content-wrapper{padding:0 20px}.topic-title-main{font-size:40px}.topic-header-enhanced{padding:8px 0 16px}.topic-description-wrapper{margin:12px 0}.topic-title-section{margin:12px 0}.verse-actions{gap:8px}.claritas-field{padding:28px 20px}.claritas-shell{padding:12px 20px 40px}.claritas-progress{gap:16px}.claritas-shell h1{font-size:40px}.random-verse-footer{flex-wrap:wrap;gap:12px}.popular-topic-card{min-height:64px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:640px){.verse-aperture{padding:32px 20px 24px}.homepage-main{max-width:100%}.home-depth-actions{gap:8px}.verse-aperture .claritas-kicker{margin-bottom:20px}}@media(max-width:640px){.nav-links>a[href$='/random-verse/']{display:none}.nav-links>a[href$='/verses/']{display:none}.nav-links{gap:6px}.random-verse-title{font-size:32px}.random-verse-footer-section{flex-wrap:wrap}}