@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";:root{--bg: #112117;--surface: #152A1D;--card: #1A3324;--border-color: #284E37;--border-hover: #3B7351;--text: #B4C4B8;--muted: #839E8A;--heading: #F3F5EF;--accent: #D8FA88;--accent-fg: #112117;--accent-soft: #224530;--highlight: #D8FA88;--color-a: #D8FA88;--color-b: #F5E1B5;--text-5xl: 3.375rem;--text-4xl: 2.25rem;--text-3xl: 1.875rem;--text-2xl: 1.5rem;--text-xl: 1.25rem;--text-lg: 1.125rem;--text-base: 1rem;--text-sm: .875rem;--text-xs: .75rem;--border-line-width: .5px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--space-3xs: 4px;--space-2xs: 6px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--shadow-sm: 0 1px 3px rgba(28, 31, 24, .06);--shadow-md: 0 4px 16px rgba(28, 31, 24, .08);--shadow-lg: 0 8px 32px rgba(28, 31, 24, .1);--font-primary: "DM Sans", system-ui, -apple-system, arial;--font-mono: "DM Mono", "SFMono-Regular", Consolas, monospace;font-family:var(--font-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--heading);font-size:var(--text-base);line-height:1.5}#root{min-height:100svh}h1,h2,h3,h4{margin:0;color:var(--heading);line-height:1.15;letter-spacing:-.02em;font-weight:500}p,li{line-height:1.65;margin:0}button{font-family:var(--font-primary);cursor:pointer;transition:all .18s ease}select{cursor:pointer;transition:all .18s ease}a{color:inherit;text-decoration:none}img,svg{display:block}.app-shell{flex:1;display:flex;flex-direction:column;padding:var(--space-xl) var(--space-md);max-width:600px;margin:0 auto;width:100%;height:100%;overflow:hidden}.panel{background:var(--card);border:var(--border-line-width) solid var(--border-color);border-radius:var(--radius-lg)}.panel-padded{padding:2rem 1.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:none;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:.85em 1.6em;line-height:1;cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--accent-fg);border:var(--border-line-width) solid var(--accent)}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-primary:active{opacity:1;transform:translateY(0)}.btn-ghost{background:transparent;color:var(--heading);border:var(--border-line-width) solid var(--border-color)}.btn-ghost:hover{border-color:var(--border-hover);background:var(--accent-soft)}.btn:disabled{opacity:.35;pointer-events:none}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh;padding:3rem 1.25rem 5rem;text-align:center;animation:fadeUp .55s ease both}.welcome-logo{width:5rem;height:auto;margin-bottom:2.5rem;opacity:.9}.welcome-title{font-size:clamp(var(--text-2xl),5vw,var(--text-4xl));font-weight:400;letter-spacing:-.03em;color:var(--heading);line-height:1.1;margin-bottom:1.25rem;max-width:26rem}.welcome-subtitle{font-size:var(--text-base);color:var(--muted);line-height:1.7;max-width:28rem;margin-bottom:2.5rem}.welcome-meta{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.welcome-meta-item{display:flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.welcome-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--border-color)}.progress-bar-wrap{position:fixed;bottom:0;left:0;right:0;height:4px;background:var(--border-color);z-index:50}.progress-bar-fill{height:100%;background:var(--heading);box-shadow:0 0 8px color-mix(in srgb,var(--heading) 40%,transparent);transition:width .35s cubic-bezier(.25,.46,.45,.94);will-change:width}.question-layout{padding-bottom:2rem!important}.question-screen{flex:1;display:flex;flex-direction:column;gap:1.5rem;animation:fadeUp .35s ease both;overflow:hidden}.question-content{flex:1;overflow-y:auto;padding-bottom:1rem;display:flex;flex-direction:column}.question-footer{flex-shrink:0;padding-top:.5rem;border-top:var(--border-line-width) solid var(--border-color)}.question-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0 2rem;gap:1rem}.question-counter{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.question-fraction{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);letter-spacing:.04em}.statements-wrap{display:grid;gap:0;border:var(--border-line-width) solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background:var(--card);margin-bottom:1.5rem}.statement-block{padding:1.75rem;position:relative;transition:background .15s ease;min-height:6rem}.statement-block-a{background:color-mix(in srgb,var(--color-a) 6%,var(--card));border-left:4px solid var(--color-a)}.statement-block-b{background:color-mix(in srgb,var(--color-b) 6%,var(--card));border-left:4px solid var(--color-b)}.statement-block+.statement-block{border-top:var(--border-line-width) solid var(--border-color)}.statement-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.65rem;display:block}.statement-text{font-size:var(--text-base);color:var(--heading);line-height:1.65;font-weight:400}.slider-area{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:1rem}.slider-current-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--heading);text-align:center;min-height:1.5rem;letter-spacing:.04em;text-transform:uppercase}.slider-track-wrap{display:flex;align-items:center;gap:1rem}.slider-end-label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--muted)}.slider-track{flex:1;display:flex;background:var(--card);border:var(--border-line-width) solid var(--border-color);border-radius:var(--radius-pill);height:3.5rem;position:relative;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.slider-segment{flex:1;position:relative;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent}.slider-tick{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:12px;background:var(--border-color);border-radius:2px;opacity:.6}.slider-thumb{position:absolute;top:0;bottom:0;width:20%;border-radius:var(--radius-pill);transition:all .35s cubic-bezier(.25,.46,.45,.94);z-index:1}.slider-neither-row{display:flex;justify-content:center}.btn-neither{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--border-line-width) dashed var(--border-color);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);padding:.6rem 1.5rem;border-radius:var(--radius-pill);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.btn-neither:hover{background:var(--card);color:var(--text)}.btn-neither.selected{border-style:solid;border-color:var(--heading);background:var(--heading)!important;color:var(--bg)!important}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:2rem}.nav-row-end{justify-content:flex-end}.welcome-layout{justify-content:center}.welcome-screen{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;max-width:480px;gap:1.5rem;animation:fadeUp .35s ease both}.welcome-logo{height:48px;width:auto;margin-bottom:1rem;opacity:.9}.calculating-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh;gap:1.25rem;text-align:center;animation:fadeUp .35s ease both}.calculating-spinner{width:2rem;height:2rem;border-radius:50%;border:1.5px solid var(--border-color);border-top-color:var(--heading);animation:spin .9s linear infinite}.calculating-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.results-screen{padding-top:3.5rem;display:flex;flex-direction:column;gap:0;animation:fadeUp .4s ease both}.results-hero{padding:2.5rem 0 2rem;border-bottom:var(--border-line-width) solid var(--border-color);margin-bottom:2.5rem}.results-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem;display:block}.results-headline{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:400;letter-spacing:-.025em;color:var(--heading);line-height:1.15;margin-bottom:.5rem}.results-subhead{font-size:var(--text-sm);color:var(--muted);line-height:1.6;max-width:32rem}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.25rem;display:block}.results-section{padding:2rem 0;border-bottom:var(--border-line-width) solid var(--border-color)}.results-section:last-child{border-bottom:none}.top-themes-list{display:flex;flex-direction:column;gap:1.1rem}.strength-bar-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem 1rem}.strength-bar-name{font-size:var(--text-base);font-weight:500;color:var(--heading);letter-spacing:-.01em;grid-column:1}.band-pill{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;padding:.3em .7em;border-radius:var(--radius-pill);border:var(--border-line-width) solid currentColor;white-space:nowrap;grid-column:2;grid-row:1}.band-pill.dominant{color:var(--heading);background:var(--heading);color:var(--accent-fg);border-color:var(--heading)}.band-pill.strong{color:var(--highlight);background:color-mix(in srgb,var(--highlight) 10%,transparent);border-color:color-mix(in srgb,var(--highlight) 35%,transparent)}.band-pill.developed{color:var(--text);background:var(--accent-soft);border-color:var(--border-color)}.band-pill.emerging{color:var(--muted);background:transparent;border-color:var(--border-color)}.strength-bar-track{grid-column:1 / -1;height:3px;background:var(--accent-soft);border-radius:var(--radius-pill);overflow:hidden}.strength-bar-fill{height:100%;background:var(--heading);border-radius:var(--radius-pill);transform-origin:left;animation:barGrow .65s cubic-bezier(.25,.46,.45,.94) both}.strength-bar-fill.strong{background:var(--highlight)}.strength-bar-fill.developed{background:var(--border-hover)}.strength-bar-fill.emerging{background:var(--border-color)}.top-themes-list .strength-bar-row:nth-child(1) .strength-bar-fill{animation-delay:.05s}.top-themes-list .strength-bar-row:nth-child(2) .strength-bar-fill{animation-delay:.12s}.top-themes-list .strength-bar-row:nth-child(3) .strength-bar-fill{animation-delay:.19s}.top-themes-list .strength-bar-row:nth-child(4) .strength-bar-fill{animation-delay:.26s}.top-themes-list .strength-bar-row:nth-child(5) .strength-bar-fill{animation-delay:.33s}.interpretation-block{background:var(--accent-soft);border:var(--border-line-width) solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem 1.5rem}.interpretation-text{font-size:var(--text-sm);color:var(--text);line-height:1.75}.categories-grid{display:flex;flex-direction:column;gap:2rem}.category-block{display:flex;flex-direction:column;gap:.85rem}.category-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding-bottom:.6rem;border-bottom:var(--border-line-width) solid var(--border-color)}.mini-bar-row{display:grid;grid-template-columns:9rem 1fr auto;align-items:center;gap:.75rem}.mini-bar-name{font-size:var(--text-sm);color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-bar-track{height:2px;background:var(--accent-soft);border-radius:var(--radius-pill);overflow:hidden}.mini-bar-fill{height:100%;background:var(--heading);border-radius:var(--radius-pill);animation:barGrow .5s cubic-bezier(.25,.46,.45,.94) both}.mini-band-pill{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.theme-cards-list{display:flex;flex-direction:column;gap:.5rem}.theme-detail-card{border:var(--border-line-width) solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--card)}.theme-card-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s ease}.theme-card-trigger:hover{background:var(--accent-soft)}.theme-card-trigger-left{display:flex;flex-direction:column;gap:.35rem}.theme-card-name{font-size:var(--text-base);font-weight:500;color:var(--heading);letter-spacing:-.01em}.theme-card-summary{font-size:var(--text-sm);color:var(--muted);line-height:1.5}.theme-card-chevron{flex-shrink:0;color:var(--muted);transition:transform .22s ease}.theme-card-chevron.open{transform:rotate(180deg)}.theme-card-body{padding:0 1.5rem 1.5rem;border-top:var(--border-line-width) solid var(--border-color);display:grid;gap:1.25rem;animation:fadeDown .22s ease both}.theme-card-section-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;display:block;margin-top:1.25rem}.theme-tags{display:flex;flex-wrap:wrap;gap:.4rem}.theme-tag{font-size:var(--text-xs);color:var(--text);background:var(--accent-soft);border:var(--border-line-width) solid var(--border-color);border-radius:var(--radius-pill);padding:.3em .75em}.theme-tag.watchout{color:var(--muted);background:transparent}.biblical-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.biblical-group-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;display:block}.biblical-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.biblical-list li{font-size:var(--text-sm);color:var(--heading);line-height:1.5}.results-footer{padding:2.5rem 0 1rem;display:flex;justify-content:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-.3rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(1.5rem)}to{opacity:1;transform:translate(0)}}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.panel-padded{padding:1.5rem 1.25rem}.statement-block{padding:1.35rem 1.25rem}.mini-bar-row{grid-template-columns:7rem 1fr auto}.biblical-section{grid-template-columns:1fr}.welcome-title{font-size:var(--text-2xl)}}
