:root{--bg:#dcdfe5;--bg-strong:#edf0f4;--panel:rgba(255,255,255,0.84);--panel-strong:#f5f7fa;--text:#2a2f38;--muted:#7a7a7a;--line:rgba(42,47,56,0.14);--accent:#d1ac70;--accent-strong:#b88e4f;--accent-soft:rgba(209,172,112,0.18);--danger:#b04d4d;--shadow:0 20px 45px rgba(42,47,56,0.12);--field-bg:rgba(255,255,255,0.76);--field-bg-soft:rgba(255,255,255,0.56);--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--content-width:1680px;--sidebar-width:260px;--font-sans:"Avenir Next","Segoe UI",sans-serif;--focus-ring:#d1ac70}html[data-appearance=contrast]{--bg:#edf0f4;--bg-strong:#ffffff;--panel:rgba(255,255,255,0.98);--panel-strong:#ffffff;--text:#1a1d23;--muted:#2a2f38;--line:rgba(26,29,35,0.24);--accent:#d1ac70;--accent-strong:#a67a39;--accent-soft:rgba(209,172,112,0.14);--danger:#9a2e2e;--field-bg:rgba(255,255,255,0.92);--field-bg-soft:rgba(255,255,255,0.8);--focus-ring:#d1ac70}html[data-appearance=dark]{--bg:#1a1d23;--bg-strong:#2a2f38;--panel:rgba(42,47,56,0.9);--panel-strong:#2a2f38;--text:#dcdfe5;--muted:#b7bcc6;--line:rgba(220,223,229,0.14);--accent:#d1ac70;--accent-strong:#e3c18a;--accent-soft:rgba(209,172,112,0.16);--danger:#e58a8a;--shadow:0 20px 45px rgba(0,0,0,0.38);--field-bg:rgba(220,223,229,0.08);--field-bg-soft:rgba(220,223,229,0.06);--focus-ring:#d1ac70}*{box-sizing:border-box}html{background:linear-gradient(180deg,#edf0f4,#dcdfe5)}html[data-appearance=dark]{background:linear-gradient(180deg,#2a2f38,#1a1d23)}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-sans);background:radial-gradient(circle at top left,rgba(255,255,255,.72),transparent 32%),linear-gradient(180deg,#edf0f4,#dcdfe5)}html[data-appearance=dark] body{background:radial-gradient(circle at top left,rgba(209,172,112,.08),transparent 32%),linear-gradient(180deg,#2a2f38,#1a1d23)}body[data-nav-open=true]{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}button[disabled],input[disabled],select[disabled],textarea[disabled]{opacity:.65;cursor:not-allowed}.shell-page{width:min(100%,var(--content-width));margin:0 auto}.page-section{display:grid;grid-gap:1.25rem;gap:1.25rem}.page-section>*{min-width:0}.page-header{display:grid;grid-gap:.5rem;gap:.5rem}.page-header h1{margin:0;font-size:clamp(1.9rem,4vw,2.8rem)}.page-description{margin:0;color:var(--muted);max-width:65ch;line-height:1.6}.responsive-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.responsive-grid.compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.two-column-layout{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.status-message{display:grid;grid-gap:.9rem;gap:.9rem}.panel{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-width:0;box-sizing:border-box}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .72rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.84rem;font-weight:700;letter-spacing:.02em}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:700;color:var(--muted)}.empty-state,.error-state,.loading-state,.status-card{display:grid;grid-gap:.9rem;gap:.9rem;padding:1.5rem;border-radius:var(--radius-lg);border:1px dashed var(--line);background:rgba(255,255,255,.45)}html[data-appearance=dark] .empty-state,html[data-appearance=dark] .error-state,html[data-appearance=dark] .loading-state,html[data-appearance=dark] .status-card{background:rgba(255,248,235,.04)}.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}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.72rem 1rem;border-radius:999px;border:1px solid transparent;transition:transform .14s ease,background .14s ease,border-color .14s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--accent);color:#fff8ef}.button-secondary{background:rgba(255,255,255,.55);border-color:var(--line)}html[data-appearance=dark] .button-secondary{background:rgba(255,255,255,.04)}.button-ghost{background:transparent;border-color:var(--line)}.button-ghost:hover,.button-secondary:hover{background:rgba(255,255,255,.74)}html[data-appearance=dark] .button-ghost:hover,html[data-appearance=dark] .button-secondary:hover{background:rgba(255,255,255,.08)}.scripture-ref-button{display:inline-block;padding:0;margin:0;border:0;background:transparent;color:var(--accent-strong);font-weight:700;font:inherit;line-height:inherit;text-decoration:underline;text-underline-offset:.18em;vertical-align:baseline;cursor:pointer;width:auto;max-width:max-content}.scripture-ref-button:hover{color:var(--accent)}.note-body-content{overflow-wrap:anywhere}.scripture-editor{position:relative}.scripture-editor[data-empty=true]:before{content:attr(data-placeholder);position:absolute;inset:1rem auto auto 1rem;color:var(--muted);pointer-events:none}.skip-link{position:absolute;left:1rem;top:1rem;z-index:100;transform:translateY(-180%);transition:transform .14s ease}.skip-link:focus-visible{transform:translateY(0)}.marketing-hero{grid-template-columns:1.2fr .8fr}@media (max-width:900px){.marketing-hero,.two-column-layout{grid-template-columns:1fr}}@media (max-width:767px){.landing-page{padding:.75rem!important;align-items:start!important}.marketing-hero{width:100%;gap:1rem;padding:1rem!important}.marketing-hero-copy,.marketing-hero-rail{min-width:0}.marketing-hero-title{font-size:clamp(2.1rem,12vw,3.5rem)!important;line-height:.98!important;overflow-wrap:anywhere}.marketing-hero-description{font-size:1rem;line-height:1.65!important}.marketing-hero-actions,.marketing-hero-actions .button{width:100%}.marketing-hero-rail{min-height:0!important;padding:.85rem!important}body{padding-bottom:5.5rem}.page-section{gap:1rem}.page-description{max-width:none}.responsive-grid,.responsive-grid.compact,.two-column-layout{grid-template-columns:minmax(0,1fr)}.cta-row,.cta-row .button{width:100%}.panel{width:100%;border-radius:18px}.app-main-panel .empty-state,.app-main-panel .error-state,.app-main-panel .loading-state,.app-main-panel .panel,.app-main-panel .status-card{background:rgba(255,250,240,.55);border:0;box-shadow:0 10px 24px rgba(77,56,25,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;width:100%;min-width:0;box-sizing:border-box}html[data-appearance=dark] .app-main-panel .empty-state,html[data-appearance=dark] .app-main-panel .error-state,html[data-appearance=dark] .app-main-panel .loading-state,html[data-appearance=dark] .app-main-panel .panel,html[data-appearance=dark] .app-main-panel .status-card{background:rgba(255,248,235,.04);box-shadow:0 10px 24px rgba(0,0,0,.18)}.note-body-section,.note-meta-section{width:100%!important;margin:0;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important}.note-reference-drawer{position:fixed;left:.5rem;top:6.5rem;transform:none;z-index:20;width:2.4rem;max-width:calc(100vw - 1rem);align-self:start;transition:width .18s ease,left .18s ease,transform .18s ease;overflow:hidden}.note-reference-drawer-open{left:.75rem;top:5.75rem;transform:none;width:min(20rem,calc(100vw - 1.5rem));background:var(--panel-strong)!important;border:1px solid var(--line)!important;box-shadow:0 14px 30px rgba(77,56,25,.14)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html[data-appearance=dark] .note-reference-drawer-open{background:#241d17!important;border:1px solid rgba(255,248,235,.08)!important;box-shadow:0 16px 32px rgba(0,0,0,.28)!important}.note-reference-dot{width:.3rem;height:.3rem;border-radius:999px;background:var(--accent-strong);display:block}}