.AppShell-module__WVLZsa__shell{background:var(--navy-950);height:100dvh;display:flex;overflow:hidden}.AppShell-module__WVLZsa__main{transition:margin-left .25s var(--ease-out);background:var(--navy-950);background-image:radial-gradient(circle at 82% 8%,#ffffffb8,#0000 28%),linear-gradient(125deg,#6b8e7b29,#0000 42%);flex:1;min-height:100dvh;margin-left:220px;overflow:hidden auto}.AppShell-module__WVLZsa__mainCollapsed{margin-left:56px}.AppShell-module__WVLZsa__main::-webkit-scrollbar{width:6px}.AppShell-module__WVLZsa__main::-webkit-scrollbar-track{background:0 0}.AppShell-module__WVLZsa__main::-webkit-scrollbar-thumb{background:var(--navy-600);border-radius:3px}.AppShell-module__WVLZsa__main::-webkit-scrollbar-thumb:hover{background:var(--sage)}.AppShell-module__WVLZsa__skipLink{z-index:10000;background:var(--text-primary);color:var(--text-inverse);border-radius:var(--radius-sm);transition:top .2s var(--ease-out);padding:.6rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;position:absolute;top:-4rem;left:.75rem}.AppShell-module__WVLZsa__skipLink:focus-visible{top:.75rem}@media (min-width:769px) and (max-width:1023px){.AppShell-module__WVLZsa__main{margin-left:56px}}@media (max-width:768px){.AppShell-module__WVLZsa__main{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));margin-left:0}.AppShell-module__WVLZsa__mainCollapsed{margin-left:0}}
:root{--canvas-base:#f7f5f0;--canvas-subdued:#efebe4;--canvas-surface:#fff;--canvas-inset:#e8e3d8;--navy-950:var(--canvas-base);--navy-900:#efebe4f0;--navy-800:#e8e3d8d9;--navy-700:#cec6b8b3;--navy-600:#8c8273;--navy-500:#675e52;--border-subtle:#24201914;--border-medium:#24201929;--border-strong:#24201947;--border-contrast:#dcd4c6;--ink-primary:#191c19;--ink-secondary:#3d4740;--ink-muted:#5e6b62;--ink-faint:#88958c;--text-primary:var(--ink-primary);--text-secondary:var(--ink-secondary);--text-muted:var(--ink-muted);--text-tertiary:var(--ink-faint);--parchment-100:var(--ink-primary);--parchment-200:var(--ink-secondary);--parchment-300:var(--ink-muted);--surface-2:var(--canvas-surface);--text-inverse:#fdfbf7;--gold-300:#b58414;--gold-400:#885e13;--gold-500:#744f0e;--gold-600:#5f400a;--gold-soft:#faf4e8;--gold-glow:#885e131f;--gold-border:#885e1347;--sage:#4d705c;--sage-dark:#375343;--sage-light:#e6ede8;--sage-tint:#4d705c1a;--dim-scripture:#165a9e;--dim-historical:#963e16;--dim-language:#6330a8;--dim-theological:#0d6845;--dim-practical:#a12046;--surface-ground:#fff;--surface-raised:#fbfaf7;--surface-overlay:#fffffff0;--glass-bg:#ffffffe0;--glass-border:var(--border-medium);--glass-border-outer:var(--border-subtle);--glass-hover:#fff;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:9999px;--font-sans:"Plus Jakarta Sans", var(--font-inter), -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Lora", Georgia, "Times New Roman", serif;--font-display:"Cinzel", "Lora", Georgia, serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--shadow-subtle:0 1px 2px #191c190a, 0 1px 3px #191c1905;--shadow-card:0 2px 8px #191c190a, 0 8px 24px #191c190a;--shadow-raised:0 4px 16px #191c190f, 0 16px 36px #191c190f;--shadow-overlay:0 12px 32px #191c191a, 0 24px 64px #191c1914;--apple-shadow-sm:var(--shadow-subtle);--apple-shadow-md:var(--shadow-card);--apple-shadow-lg:var(--shadow-raised);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--touch-target-min:44px;--touch-spring-active:scale(.98);--touch-spring-duration:90ms}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--canvas-base);color:var(--ink-primary);background-image:radial-gradient(circle at 50% 0,#ffffffd9 0%,#0000 60%),linear-gradient(#efebe466 0%,#0000 100%);background-attachment:fixed;min-height:100dvh;line-height:1.6}a{color:var(--gold-400);transition:color .15s var(--ease-out);text-decoration:none}a:hover{color:var(--gold-500)}.text-serif{font-family:var(--font-serif)}.text-display{font-family:var(--font-display);letter-spacing:.015em}.text-mono{font-family:var(--font-mono);font-feature-settings:"zero" 1, "tnum" 1}.text-gradient{background:linear-gradient(135deg,#191c19 0%,#4a544d 60%,#885e13 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--surface-ground);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out), border-color .25s var(--ease-out)}.glass-card-elevated{background:var(--surface-ground);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-raised);transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out), border-color .25s var(--ease-out)}.glass-card-elevated:hover{box-shadow:var(--shadow-overlay);border-color:var(--border-strong);transform:translateY(-2px)}.double-bezel{background:var(--canvas-subdued);border:1px solid var(--border-medium);border-radius:calc(var(--radius-lg) + 4px);padding:4px;box-shadow:inset 0 1px 2px #191c190a}.double-bezel-inner{background:var(--surface-ground);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.codex-tag{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--canvas-subdued);color:var(--ink-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);align-items:center;gap:6px;padding:3px 9px;font-size:.72rem;font-weight:500;display:inline-flex}.button-kinetic{transition:transform var(--touch-spring-duration,75ms) ease-out, box-shadow .2s ease, background-color .2s ease}.button-kinetic:active{transform:var(--touch-spring-active,scale(.97))}.button-kinetic:hover .kinetic-icon{transform:translate(3px)}.kinetic-icon{transition:transform .25s var(--ease-out)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--navy-900)}::-webkit-scrollbar-thumb{background:var(--navy-600);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sage)}:focus-visible{outline:2px solid var(--gold-400);outline-offset:3px;border-radius:4px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--gold-glow)}50%{box-shadow:0 0 24px 8px var(--gold-glow)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@keyframes sagePulse{0%,to{opacity:1}50%{opacity:.45}}.animate-fade-in-up,.animate-stagger>*{animation:fadeInUp .5s var(--ease-out) both}.animate-stagger>:first-child{animation-delay:50ms}.animate-stagger>:nth-child(2){animation-delay:.1s}.animate-stagger>:nth-child(3){animation-delay:.15s}.animate-stagger>:nth-child(4){animation-delay:.2s}.animate-stagger>:nth-child(5){animation-delay:.25s}.skeleton{background:linear-gradient(90deg, var(--navy-800) 25%, var(--navy-700) 50%, var(--navy-800) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{max-width:900px;margin:0 auto;padding:0 1.5rem}@media (max-width:640px){html{font-size:15px}.container{padding:0 1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
