:root{--parchment-50:#F8F7F2;--parchment-100:#FFFFFF;--parchment-200:#EFECE2;--parchment-300:#E2DFD3;--ink-0:#0B0D17;--ink-1:#111426;--ink-2:#292D52;--ink-3:#23263A;--brand-fill:var(--action);--brand-fill-hover:var(--action-hover);--brand-accent:var(--action);--brand-accent-ink:var(--action-ink);--on-brand-fill:var(--on-action);--brand-accent-hover:var(--action-hover);--brand-accent-pressed:#A88A56;--brand-accent-2:#403C68;--brand-accent-2-ink:#9E98D8;--on-brand-accent-2:#F8F7F2;--brand-accent-soft:color-mix(in srgb,#C5A46D 13%,transparent);--brand-accent-2-soft:color-mix(in srgb,#403C68 45%,transparent);--brand-accent-2-glow:color-mix(in srgb,#9E98D8 30%,transparent);--surface-ground:var(--page);--surface-raised:#292D52;--border:var(--line);--border-strong:#747791;--content:var(--text-ink);--content-muted:var(--text-muted);--content-subtle:var(--text-faint);--action:#E7E1D2;--action-hover:#F8F7F2;--on-action:#0B0D17;--action-ink:var(--action);--emphasis:#C5A46D;--emphasis-ink:#C5A46D;--focus:var(--action);--warning:#E2913F;--danger:#E48878;--success:#6FA383;--page:var(--ink-0);--surface:var(--ink-1);--surface-2:var(--ink-2);--surface-elev:var(--ink-2);--line-soft:#1A1D2E;--line:#23263A;--line-strong:#747791;--text-ink:#E7E1D2;--text-muted:#A8A9B8;--text-faint:#9A9CAE;--on-brand-accent:var(--on-action);--text-on-dark:#E7E1D2;--accent:var(--brand-accent);--accent-hover:var(--brand-accent-hover);--accent-soft:var(--brand-accent-soft);--link:var(--brand-accent-ink);--link-hover:var(--brand-accent-hover);--font-sans:var(--font-sarabun),"Sarabun",var(--font-sym),"Noto Sans Symbols 2","Noto Sans Thai",system-ui,-apple-system,sans-serif;--font-ui:var(--font-sans);--font-mono:"SFMono-Regular","SF Mono",Menlo,ui-monospace,monospace;--rhythm-xs:0.5rem;--rhythm-sm:1rem;--rhythm-md:1.5rem;--rhythm-lg:2.5rem;--rhythm-xl:4rem;--rhythm-2xl:7rem;--col-reading:680px;--col-index:960px;--col-wide:1180px;--motion-fast:120ms;--motion-normal:200ms;--motion-ease:cubic-bezier(0.2,0,0,1);--tabbar-height:64px;--ink:var(--text-ink);--ink-muted:var(--text-muted);--paper:var(--page);--violet:var(--brand-accent-2);--zinc-600:var(--text-muted);--zinc-400:var(--text-faint);--zinc-300:var(--line);--zinc-200:var(--line-soft);--color-accent:var(--brand-accent);--color-accent-strong:var(--accent-hover);--color-accent-soft:var(--brand-accent-soft);--color-mint:var(--brand-accent);--color-mint-soft:var(--brand-accent-soft);--color-warning:var(--brand-accent);--color-text-primary:var(--text-ink);--color-text-secondary:var(--text-muted);--color-text-inverse:var(--page);--color-surface-base:var(--page);--color-surface-elevated:var(--surface);--color-line:var(--line);--color-line-soft:var(--line-soft);--color-line-strong:var(--line-strong);--color-work-emerald:var(--brand-accent);--color-work-deep-emerald:var(--accent-hover);--color-work-champagne:var(--brand-accent-2);--color-work-bronze:var(--text-muted);--color-work-charcoal:var(--text-ink);--color-work-ivory:var(--surface);--color-danger:#F87171;--color-danger-strong:#FCA5A5;--color-danger-soft:rgba(248,113,113,0.14)}::selection{background:color-mix(in srgb,var(--brand-accent) 28%,transparent);color:var(--text-ink)}::-moz-selection{background:color-mix(in srgb,var(--brand-accent) 28%,transparent);color:var(--text-ink)}:root[data-theme=light]{--shadow-1:0 1px 2px rgba(11,13,23,0.06);--shadow-2:0 2px 8px rgba(11,13,23,0.08);--shadow-3:0 8px 24px rgba(11,13,23,0.12);--page:var(--parchment-50);--surface:var(--parchment-100);--surface-2:var(--parchment-200);--surface-elev:var(--parchment-100);--line-soft:#EDEAE0;--line:#E2DFD3;--line-strong:#8A8879;--text-ink:#0B0D17;--text-muted:#3A3D55;--text-faint:#686978;--brand-accent:var(--action);--brand-accent-hover:var(--action-hover);--brand-accent-pressed:#5A431E;--brand-accent-soft:color-mix(in srgb,#85642D 9%,#FFFFFF);--brand-accent-ink:var(--action-ink);--surface-ground:var(--page);--surface-raised:var(--surface-2);--border:var(--line);--border-strong:#8A8879;--content:var(--text-ink);--content-muted:var(--text-muted);--content-subtle:var(--text-faint);--action:#0B0D17;--action-hover:#292D52;--on-action:#F8F7F2;--action-ink:var(--action);--emphasis:#85642D;--emphasis-ink:#85642D;--focus:var(--action);--warning:#8C5210;--danger:#A63D2F;--success:#3E6B4E;--brand-accent-2:#292D52;--brand-accent-2-ink:#292D52;--on-brand-accent-2:#F8F7F2;--brand-accent-2-soft:color-mix(in srgb,#292D52 10%,#FFFFFF);--brand-accent-2-glow:color-mix(in srgb,#292D52 22%,transparent);--brand-fill:var(--action);--brand-fill-hover:var(--action-hover);--on-brand-fill:var(--on-action);--on-brand-accent:var(--on-action);--color-danger:#DC2626;--color-danger-strong:#B91C1C;--color-danger-soft:rgba(220,38,38,0.12)}:root[data-theme=light] ::-moz-selection{background:var(--brand-accent-soft);color:var(--text-ink)}:root[data-theme=light] ::selection{background:var(--brand-accent-soft);color:var(--text-ink)}body,html{margin:0;padding:0;background:var(--page);color:var(--text-ink);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.i18n-th em,.i18n-th i,html[lang=th] em,html[lang=th] i{font-style:normal;font-weight:var(--weight-bold);color:var(--brand-accent-ink)}.i18n-en em,html[lang=en] em{font-style:italic;font-weight:var(--weight-regular);color:var(--brand-accent-ink)}a{color:var(--link);text-decoration:none;transition:color var(--motion-normal) var(--motion-ease)}a:hover:not(:where(.ms-btn--primary,.ms-btn--brand-accent,.ax-signin,.ax-skip)){color:var(--link-hover)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]),select,textarea{background-color:var(--surface);color:var(--text-ink)}:focus-visible{outline:2px solid var(--accent,currentColor)}.illuminated:first-letter{font-weight:var(--weight-bold);font-size:4em;line-height:.85;float:left;margin:.05em .12em 0 -.04em;color:var(--brand-accent-ink)}html[lang=en] .i18n-th,html[lang=th] .i18n-en{display:none}.codex-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% -8%,var(--brand-accent-2-soft),transparent 62%),radial-gradient(ellipse 50% 45% at 88% 108%,var(--brand-accent-soft),transparent 60%),linear-gradient(to right,var(--line-soft) 1px,transparent 1px) 0 0 /4.5rem 100%,linear-gradient(to bottom,var(--line-soft) 1px,transparent 1px) 0 0 /100% 4.5rem;-webkit-mask-image:radial-gradient(ellipse 80% 75% at 50% 35%,#000 35%,transparent 78%);mask-image:radial-gradient(ellipse 80% 75% at 50% 35%,#000 35%,transparent 78%)}.codex-hero-eyebrow .dot{background:var(--brand-accent-2-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-accent-2-ink) 18%,transparent),0 0 8px 1px color-mix(in srgb,var(--brand-accent-2-ink) 32%,transparent)}.codex-pillar{position:relative;gap:.4rem;overflow:hidden;background:var(--surface);border-radius:var(--radius-panel);padding:1.35rem;transition:border-color var(--motion-normal) var(--motion-ease),transform var(--motion-normal) var(--motion-ease),box-shadow var(--motion-normal) var(--motion-ease)}.codex-pillar:hover{box-shadow:0 16px 34px -24px color-mix(in srgb,var(--brand-accent) 50%,transparent)}.codex-pillar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--brand-accent-2),transparent);opacity:0;transition:opacity var(--motion-normal) var(--motion-ease)}.codex-pillar:hover:before{opacity:1}@media (max-width:880px){body{padding-bottom:var(--tabbar-height)}}.scripture-toc-item:hover .scripture-toc-arrow{color:var(--brand-accent-ink);transform:translateX(2px)}html[lang=th] .scripture-chapter-title{letter-spacing:0;line-height:1.3}.scripture-chapter-title em{font-style:italic;color:var(--brand-accent-ink)}.scripture-translation.lang-en,.scripture-translation.lang-th{font-family:var(--font-sans)}.scripture-translation.lang-en .scripture-translation-text{font-size:var(--text-body-l);font-style:italic;letter-spacing:0;line-height:1.6}.scripture-translation.lang-th .scripture-translation-text{font-size:var(--text-body-l);line-height:1.7}.scripture-marginalia p{margin:0}@media (min-width:1100px){.scripture-reader{max-width:calc(var(--col-reading) + 280px);padding-right:0}.scripture-verse{position:relative}.scripture-marginalia{position:absolute;top:2.5rem;right:0;width:240px;margin-top:0;border-left:1px solid var(--line);padding:.5rem 0 .5rem 1rem}.scripture-verses{padding-right:280px}}.verse-tools-note-preview p{margin:.25rem 0 0;font-family:var(--font-sans);font-size:var(--text-body-s);line-height:1.5;color:var(--text-ink);white-space:pre-wrap}.bookmark-item-excerpt em{font-style:italic;font-weight:var(--weight-regular)}.bookmark-item-note .scripture-marginalia-label{display:block;margin-bottom:.25rem}@keyframes cmdk-fade{0%{opacity:0}to{opacity:1}}@keyframes cmdk-slide{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.cmdk-input::-moz-placeholder{color:var(--text-faint)}.cmdk-input::placeholder{color:var(--text-faint)}.cmdk-list::-webkit-scrollbar{width:8px}.cmdk-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:0}html[lang=th] .cmdk-row-primary{letter-spacing:0}.cmdk-row-primary em{font-style:italic}html[lang=th] .cmdk-empty{font-style:normal}.cmdk-footer kbd,.cmdk-input-esc{font-family:var(--font-mono)}.cmdk-footer kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;padding:.1rem .35rem;font-size:var(--text-caption);color:var(--text-muted);background:var(--page);border:1px solid var(--line);border-radius:2px}.landing-field input,.landing-field select,.landing-field textarea,.landing-input{display:block;width:100%;margin-top:.5rem;padding:.8rem 1rem;background:var(--surface);color:var(--text-ink);border:1px solid var(--line);border-radius:var(--radius-ctl);font-family:var(--font-sans);font-size:var(--text-body);line-height:1.5;color-scheme:light dark;transition:border-color var(--motion-normal) var(--motion-ease),box-shadow var(--motion-normal) var(--motion-ease)}.landing-field input::-moz-placeholder,.landing-field textarea::-moz-placeholder,.landing-input::-moz-placeholder{color:var(--text-faint)}.landing-field input::placeholder,.landing-field textarea::placeholder,.landing-input::placeholder{color:var(--text-faint)}.landing-field input:focus,.landing-field textarea:focus,.landing-input:focus{border-color:var(--brand-accent-2)!important;box-shadow:0 0 0 3px var(--brand-accent-2-soft)!important;outline:none}.codex-pillars-header h2{color:var(--text-ink)}:root[data-theme=dark] .codex-hero-title em{text-shadow:0 0 28px color-mix(in srgb,var(--brand-accent-2) 45%,transparent)}:root[data-theme=dark] .eyebrow .dot{box-shadow:0 0 12px color-mix(in srgb,var(--brand-accent-2) 90%,transparent),0 0 26px color-mix(in srgb,var(--brand-accent-2) 45%,transparent)}:root[data-theme=dark] .inner-btn-primary{box-shadow:0 0 30px -6px color-mix(in srgb,var(--brand-accent-2) 38%,transparent),0 8px 26px rgba(0,0,0,.5)}:root[data-theme=dark] .codex-pillar{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-accent-2) 6%,transparent),transparent 60%),var(--surface);box-shadow:0 12px 40px rgba(0,0,0,.45)}.cosmos-page{min-height:100vh;background:var(--page);color:var(--text-ink)}.codex-hero{padding:clamp(5rem,11vw,8.5rem) 1.5rem clamp(3.5rem,7vw,5.5rem);position:relative}.codex-hero-eyebrow{display:inline-flex;align-items:center;gap:.7rem;font-size:var(--text-caption);letter-spacing:.12em}.codex-hero-eyebrow .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-accent) 18%,transparent)}.codex-pillars{padding:clamp(4rem,7vw,6rem) 1.5rem}.codex-pillars-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--rhythm-md);margin-bottom:var(--rhythm-xl);padding-bottom:1.25rem;border-bottom:1px solid var(--line)}.codex-pillar{display:flex;flex-direction:column;gap:.85rem;background:var(--surface-elev);border:1px solid var(--line);padding:1.85rem 1.65rem 1.65rem;transition:background var(--motion-normal) var(--motion-ease),border-color var(--motion-normal) var(--motion-ease),transform var(--motion-normal) var(--motion-ease)}.codex-pillar:hover{border-color:var(--brand-accent)}.codex-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:auto}.codex-footer-inner{max-width:var(--col-wide);margin:0 auto}.codex-footer-mark{display:inline-flex;align-items:center;gap:.35em;white-space:nowrap;font-style:italic;font-weight:var(--weight-bold);font-size:var(--text-h3)}.codex-footer-col{display:flex;flex-direction:column;gap:.5rem}.codex-footer-col a{font-size:var(--text-body-s);color:var(--text-muted)}.codex-footer-col a:hover{color:var(--brand-accent-ink)}.inner-tag{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.18em;text-transform:uppercase;color:var(--brand-accent-ink)}.inner-btn-primary,.inner-tag{display:inline-flex;align-items:center;gap:.5rem;font-weight:var(--weight-medium)}.inner-btn-primary{padding:.8rem 1.4rem;font-family:var(--font-ui);font-size:var(--text-body-s);border:1px solid;cursor:pointer;transition:background var(--motion-normal) var(--motion-ease),border-color var(--motion-normal) var(--motion-ease),color var(--motion-normal) var(--motion-ease);color:var(--on-brand-fill);background:var(--brand-fill);border-color:var(--brand-fill)}.inner-btn-primary:hover{color:var(--page);background:var(--brand-accent);border-color:var(--brand-accent)}.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;background:transparent;z-index:60;pointer-events:none}.reading-progress-fill{display:block;width:100%;height:100%;background:var(--brand-accent);transform-origin:0 0;transform:scaleX(0);transition:transform 60ms linear;box-shadow:0 0 8px color-mix(in srgb,var(--brand-accent) 50%,transparent)}.codex-hero-title em{color:var(--brand-accent-ink);font-style:normal;text-shadow:0 0 28px color-mix(in srgb,var(--brand-accent-2) 55%,transparent),0 0 64px color-mix(in srgb,var(--brand-accent-2) 25%,transparent)}.codex-hero-title{text-shadow:0 0 44px color-mix(in srgb,var(--brand-accent-2) 14%,transparent)}.inner-btn-primary{box-shadow:0 0 26px color-mix(in srgb,var(--brand-accent-2) 30%,transparent),0 6px 26px rgba(8,4,20,.55)}.inner-btn-primary:hover{box-shadow:0 0 40px color-mix(in srgb,var(--brand-accent-2) 50%,transparent),0 8px 30px rgba(8,4,20,.65);transform:translateY(-1px)}.codex-pillar{border:1px solid color-mix(in srgb,var(--brand-accent-2) 14%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--brand-accent-2) 6%,transparent),transparent 62%),var(--surface);box-shadow:0 10px 40px rgba(6,3,16,.5);transition:box-shadow var(--motion-normal) var(--motion-ease),border-color var(--motion-normal) var(--motion-ease),transform var(--motion-normal) var(--motion-ease)}.codex-pillar:hover{border-color:color-mix(in srgb,var(--brand-accent-2) 45%,transparent);box-shadow:0 0 32px color-mix(in srgb,var(--brand-accent-2) 22%,transparent),0 14px 48px rgba(6,3,16,.6);transform:translateY(-2px)}.inner-tag{color:var(--brand-accent-2);border-color:color-mix(in srgb,var(--brand-accent-2) 30%,transparent);text-shadow:0 0 16px color-mix(in srgb,var(--brand-accent-2) 50%,transparent)}.codex-footer-mark{text-shadow:0 0 26px color-mix(in srgb,var(--brand-accent-2) 55%,transparent)}.codex-pillars-header h2{text-shadow:0 0 28px color-mix(in srgb,var(--brand-accent-2) 16%,transparent)}.inner-tag-danger{display:inline-flex;align-items:center;padding:.25rem .7rem;border-radius:var(--radius-ctl);font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-danger-strong);background:var(--color-danger-soft);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent)}.inner-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:clamp(2.5rem,8vw,4.5rem) 1.5rem;color:var(--ink-muted,#A8A9B8)}.inner-empty h1{font-size:var(--text-h1);line-height:var(--leading-heading)}.inner-empty h1,.inner-empty h2{font-weight:var(--weight-bold);color:var(--ink,#E7E1D2);margin:0}.inner-empty h2{font-size:var(--text-h2)}.inner-empty-actions{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:.5rem}.landing-chat{display:flex;gap:.6rem;align-items:stretch;width:100%}.landing-chat-input{flex:1;min-width:0;padding:.85rem 1rem;border-radius:var(--radius-ctl);font-size:var(--text-body);color:var(--ink,#E7E1D2);background:var(--surface,#111426);border:1px solid var(--line,#23263a);transition:border-color .2s ease,box-shadow .2s ease}.landing-chat-input:focus{outline:none;border-color:var(--brand-accent,#C5A46D);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-accent,#C5A46D) 18%,transparent)}.landing-chat-btn{flex:none;padding:0 1.4rem;border-radius:var(--radius-ctl);cursor:pointer;font-weight:var(--weight-semibold);color:var(--on-brand-fill);border:1px solid var(--brand-fill,#c5a46d);background:var(--brand-fill,#C5A46D);transition:all .2s ease}.landing-chat-btn:hover{background:var(--brand-accent,#C5A46D);border-color:var(--brand-accent,#C5A46D)}.landing-guard-spinner[hidden]{display:none}.landing-guard-spinner{width:34px;height:34px;border-radius:999px;border:3px solid color-mix(in srgb,var(--ink,#e7e1d2) 12%,transparent);border-top-color:var(--brand-accent,#c5a46d);animation:landing-guard-spin .8s linear infinite}@keyframes landing-guard-spin{to{transform:rotate(1turn)}}.dash-main{display:block}:root{--appbar-h:48px;--gutter:16px;--tap-min:44px}.subnav-edge-fade{position:relative}.subnav-edge-fade:after{content:"";position:absolute;top:0;bottom:0;right:0;width:30px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--page) 90%,transparent))}.subnav-scroller{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px var(--gutter)}.subnav-scroller::-webkit-scrollbar{display:none}.pillar-pill{scroll-snap-align:center;flex:none;white-space:nowrap;display:inline-flex;align-items:center;min-height:34px;padding:.4rem .95rem;border-radius:var(--radius-ctl);font-size:var(--text-body-s);font-weight:var(--weight-medium);letter-spacing:-.005em;color:var(--ink-muted,#A8A9B8);background:var(--surface,#111426);border:1px solid var(--line,#23263a);transition:color .2s ease,background-color .2s ease,border-color .2s ease}.pillar-pill:hover{color:var(--ink);border-color:color-mix(in srgb,var(--brand-accent) 45%,var(--line))}.pillar-pill.active{color:var(--on-brand-accent);background:var(--brand-accent,#C5A46D);border-color:var(--brand-accent,#C5A46D);font-weight:var(--weight-semibold)}.app-sticky-action{position:sticky;bottom:calc(env(safe-area-inset-bottom));z-index:20;display:flex;gap:.6rem;padding:.85rem 0 calc(.85rem + env(safe-area-inset-bottom));margin-top:1rem;background:linear-gradient(180deg,transparent,var(--page) 26%)}.app-sticky-action>*{flex:1;justify-content:center;min-height:var(--tap-min,44px)}@media (max-width:880px){.app-sticky-action{bottom:calc(var(--tabbar-height, 64px) + env(safe-area-inset-bottom))}}@media (max-width:640px){.inner-btn-primary{min-height:48px}}*{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:no-preference){.dash-gain-card:active,.dash-tile:active,.inner-btn-primary:active,.landing-hero-btn:active,.ob-btn:active,.pillar-pill:active,[role=button]:active,button:active{transform:scale(.975)}}:focus-visible{outline:2px solid var(--brand-accent,#C5A46D);outline-offset:2px;border-radius:2px}