:root{--text:#6b7280;--text-h:#111827;--text-secondary:#9ca3af;--bg:#fff;--bg-secondary:#f9fafb;--border:#e5e7eb;--code-bg:#f3f4f6;--social-bg:#f3f4f680;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--accent:#2563eb;--accent-bg:#2563eb1a;--accent-border:#2563eb80;--secondary-accent:#7c3aed;--secondary-accent-bg:#7c3aed1a;--secondary-accent-border:#7c3aed80;--brand-gradient:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--text-secondary:#6b7280;--bg:#16171d;--bg-secondary:#1f2028;--border:#2e303a;--code-bg:#1f2028;--accent:#3b82f6;--accent-bg:#3b82f626;--accent-border:#3b82f680;--secondary-accent:#a78bfa;--secondary-accent-bg:#a78bfa26;--secondary-accent-border:#a78bfa80;--brand-gradient:linear-gradient(135deg, #3b82f6 0%, #a78bfa 100%);--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px;position:relative}h1:after{content:"";background:var(--brand-gradient);border-radius:2px;width:60px;height:4px;margin:12px auto 0;display:block}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}a:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button{cursor:pointer;box-sizing:border-box;background:var(--accent);color:#fff;border:2px solid var(--accent);border-radius:8px;min-width:44px;min-height:44px;padding:clamp(10px,2.5vw,14px) clamp(16px,4vw,24px);font-size:clamp(14px,2.5vw,16px);font-weight:500;transition:all .2s}button:hover:not(:disabled){background:var(--accent-border);border-color:var(--accent-border);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}button:active:not(:disabled){transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.5;background:var(--border);border-color:var(--border);color:var(--text)}button.secondary{color:var(--accent);border:2px solid var(--accent);background:0 0}button.secondary:hover:not(:disabled){background:var(--accent-bg);border-color:var(--accent-border)}a{cursor:pointer;color:var(--accent);font-size:clamp(14px,2.5vw,16px);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-border);text-decoration:underline}a[role=button]{box-sizing:border-box;min-width:44px;min-height:44px;padding:clamp(8px,2vw,12px)}.skip-link{background:var(--accent);color:#fff;z-index:100;padding:8px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.card{background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-bottom:clamp(16px,4vw,24px);padding:clamp(16px,4vw,24px);transition:box-shadow .2s;box-shadow:0 2px 4px #0000000d}.card:hover{box-shadow:0 4px 12px #0000001a}.card h2,.card h3{margin-top:0}.header-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:clamp(16px,4vw,24px);padding:clamp(12px,3vw,16px) 0;display:flex}.home-link{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.home-link:hover{background:var(--accent);color:#fff;text-decoration:none}@media (width<=768px){body{font-size:16px}h1{font-size:clamp(28px,8vw,36px)}h2{font-size:clamp(18px,5vw,20px)}}*{box-sizing:border-box;max-width:100%}img,video{max-width:100%;height:auto}.success-message{color:#fff;background:#10b981;border-radius:8px;margin:16px 0;padding:12px 16px;font-weight:500}.info-message{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);border-radius:8px;margin:16px 0;padding:12px 16px}.scripture-block{background:var(--accent-bg);border-color:var(--accent-border)}.scripture-block h3{color:var(--accent)}.scripture-block p{color:var(--text-h);margin-bottom:0;font-size:clamp(16px,3vw,18px);font-style:italic;font-weight:500}.key-insight{background:var(--code-bg);border-left:4px solid var(--accent);border-radius:8px;margin-top:16px;padding:16px}.key-insight h3{margin-top:0;margin-bottom:8px}.key-insight p{margin-bottom:0;line-height:1.6}.list-left-aligned{text-align:left;margin:0;padding-left:24px;line-height:1.7;list-style-position:outside}.list-spaced{text-align:left;margin:0;padding-left:24px;line-height:1.8;list-style-position:outside}.list-item-spaced{margin-bottom:12px}.list-item-tight{margin-bottom:8px}.text-readable{line-height:1.7}.text-readable-spacing{margin-bottom:24px;line-height:1.7}.text-italic{font-style:italic}.text-center{text-align:center}.mt-0{margin-top:0}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-20{margin-top:20px}.empty-state{text-align:center;padding:clamp(32px,6vw,48px)}.empty-state-icon{margin-bottom:16px;font-size:48px}.empty-state h2{margin-top:0;margin-bottom:12px}.empty-state p{color:var(--text);margin-bottom:24px}.cta-link{background:var(--accent);color:#fff;border-radius:8px;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.cta-link:hover{background:var(--accent-border);text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.counter-container{justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:20px;display:flex}.counter-label{align-items:center;gap:8px;display:inline-flex}.counter-badge{text-align:center;border:1px solid;border-radius:16px;min-width:32px;padding:4px 12px;font-size:14px;font-weight:600;display:inline-block}.counter-badge.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.counter-badge.inactive{background:var(--code-bg);color:var(--text);border-color:var(--border)}.confidence-container{align-items:center;gap:8px;margin-bottom:8px;display:flex}.confidence-badge{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);border-radius:16px;padding:4px 12px;font-size:14px;font-weight:600;display:inline-block}.form-label{margin-bottom:8px;font-weight:500;display:block}.form-textarea{box-sizing:border-box;border:2px solid var(--border);border-radius:8px;width:100%;max-width:100%;padding:clamp(8px,2vw,12px);font-family:inherit;font-size:clamp(14px,2.5vw,16px)}.form-textarea:focus{border-color:var(--accent)}.journey-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.journey-progress{color:var(--text);font-size:14px}.journey-day-title{color:var(--accent);margin-bottom:8px;font-weight:500}.star-container{gap:8px;display:flex}.star-button{cursor:pointer;background:0 0;border:none;min-width:32px;min-height:32px;padding:4px;transition:transform .2s}.star-button:hover{transform:scale(1.2)}.experience-card{border:2px solid var(--border);background:var(--bg);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:8px;padding:clamp(10px,2vw,12px);font-size:clamp(14px,2.5vw,16px);font-weight:400;transition:all .2s}.experience-card:hover{border-color:var(--accent-border);background:var(--accent-bg)}.experience-card.selected{border-color:var(--accent);background:var(--accent-bg);color:var(--accent);font-weight:500}.experience-card-content{align-items:center;gap:8px;display:flex}.experience-checkmark{color:var(--accent);min-width:20px;font-size:16px;font-weight:700}.subtitle{color:var(--text-h);margin-bottom:clamp(8px,2vw,12px);font-size:clamp(18px,3vw,20px);font-weight:500}.tagline{margin-bottom:clamp(20px,4vw,32px);line-height:1.6}.home-nav{flex-direction:column;gap:clamp(10px,2vw,12px);width:100%;max-width:500px;margin-top:clamp(16px,4vw,24px);margin-left:auto;margin-right:auto;display:flex}.nav-card{border:2px solid var(--accent);text-align:center;color:var(--accent);border-radius:8px;padding:clamp(12px,3vw,16px);font-weight:500;text-decoration:none;transition:all .2s;display:block}.nav-card:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.reset-container{margin-top:clamp(16px,4vw,24px)}.assessment-pagination{margin:clamp(20px,4vw,32px) 0}.progress-bar-container{background:var(--border);border-radius:4px;width:100%;height:8px;margin-bottom:12px;overflow:hidden}.progress-bar-fill{background:var(--brand-gradient);height:100%;transition:width .3s}.pagination-info{text-align:center;color:var(--text);margin-bottom:16px;font-size:14px}.pagination-info .selection-count{color:var(--accent);font-weight:500}.pagination-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.pagination-nav button{flex-shrink:0}.layout-container{box-sizing:border-box;max-width:900px;min-height:100vh;margin:0 auto;padding:clamp(16px,4vw,24px)}.layout-container:before{content:"";background:var(--brand-gradient);z-index:1000;height:3px;position:fixed;top:0;left:0;right:0}
