:root{--arnon-color-neutral-0:#FFFFFF;--arnon-color-neutral-50:#FCFAF6;--arnon-color-neutral-100:#F5F2EE;--arnon-color-neutral-200:#E5E2DE;--arnon-color-neutral-300:#D0CDC9;--arnon-color-neutral-400:#A6A4A0;--arnon-color-neutral-500:#82807C;--arnon-color-neutral-600:#65635F;--arnon-color-neutral-700:#4F4D49;--arnon-color-neutral-800:#34332F;--arnon-color-neutral-900:#1E1D1A;--arnon-color-neutral-950:#110F0D;--arnon-color-wholeness-50:#F8F5FE;--arnon-color-wholeness-100:#F0E9FC;--arnon-color-wholeness-200:#DED2F4;--arnon-color-wholeness-300:#CAB9E8;--arnon-color-wholeness-400:#B59ED8;--arnon-color-wholeness-500:#9680B7;--arnon-color-wholeness-600:#7A6699;--arnon-color-wholeness-700:#604E7A;--arnon-color-wholeness-800:#46385A;--arnon-color-wholeness-900:#2D233C;--arnon-color-self-50:var(--arnon-color-wholeness-50);--arnon-color-self-100:var(--arnon-color-wholeness-100);--arnon-color-self-200:var(--arnon-color-wholeness-200);--arnon-color-self-300:var(--arnon-color-wholeness-300);--arnon-color-self-400:var(--arnon-color-wholeness-400);--arnon-color-self-500:var(--arnon-color-wholeness-500);--arnon-color-self-600:var(--arnon-color-wholeness-600);--arnon-color-self-700:var(--arnon-color-wholeness-700);--arnon-color-self-800:var(--arnon-color-wholeness-800);--arnon-color-self-900:var(--arnon-color-wholeness-900);--arnon-color-oneness-50:#FCF6EC;--arnon-color-oneness-100:#F7EBD7;--arnon-color-oneness-200:#EBD6B0;--arnon-color-oneness-300:#DCBE86;--arnon-color-oneness-400:#C9A45C;--arnon-color-oneness-500:#AA863D;--arnon-color-oneness-600:#8D6C25;--arnon-color-oneness-700:#6F5313;--arnon-color-oneness-800:#523C09;--arnon-color-oneness-900:#362602;--arnon-color-wellness-50:#F0F9F5;--arnon-color-wellness-100:#E0F2E9;--arnon-color-wellness-200:#C1E2D2;--arnon-color-wellness-300:#9FCFB9;--arnon-color-wellness-400:#7DBA9F;--arnon-color-wellness-500:#5E9B81;--arnon-color-wellness-600:#467F67;--arnon-color-wellness-700:#32634F;--arnon-color-wellness-800:#224939;--arnon-color-wellness-900:#132F24;--arnon-color-oneness-action-primary:#6F5313;--arnon-color-oneness-action-primary-hover:#523C09;--arnon-color-oneness-action-on-primary:#FFFFFF;--arnon-color-oneness-accent:#C9A45C;--arnon-color-wellness-action-primary:#32634F;--arnon-color-wellness-action-primary-hover:#224939;--arnon-color-wellness-action-on-primary:#FFFFFF;--arnon-color-wellness-accent:#7DBA9F;--arnon-color-wholeness-action-primary:#604E7A;--arnon-color-wholeness-action-primary-hover:#46385A;--arnon-color-wholeness-action-on-primary:#FFFFFF;--arnon-color-wholeness-accent:#B59ED8;--arnon-shadow-none:none;--arnon-shadow-sm:0 1px 2px rgba(30,29,26,.06);--arnon-shadow-raised:0 2px 8px rgba(30,29,26,.08);--arnon-shadow-md:0 8px 24px rgba(30,29,26,.12);--arnon-shadow-lg:0 16px 48px rgba(30,29,26,.2);--arnon-color-bg-canvas:#FCFAF6;--arnon-color-bg-surface:#FFFFFF;--arnon-color-bg-surface-subtle:#F5F2EE;--arnon-color-border-default:#E5E2DE;--arnon-color-border-strong:#82807C;--arnon-color-border-subtle:#F5F2EE;--arnon-color-text-primary:#1E1D1A;--arnon-color-text-secondary:#4F4D49;--arnon-color-text-muted:#65635F;--arnon-color-text-disabled:#D0CDC9;--arnon-color-action-primary:#604E7A;--arnon-color-action-primary-hover:#46385A;--arnon-color-action-primary-pressed:#2D233C;--arnon-color-action-on-primary:#FFFFFF;--arnon-color-action-on-primary-pressed:#FFFFFF;--arnon-color-text-brand:#604E7A;--arnon-color-domain-accent:#B59ED8;--arnon-color-domain-accent-ink:#604E7A;--arnon-color-domain-on-accent:#110F0D;--arnon-color-domain-tint:#F8F5FE;--arnon-color-domain-deep:#2D233C;--arnon-color-bg-inverse:#1E1D1A;--arnon-color-text-inverse:#FCFAF6;--arnon-color-domain-accent-inverse:#B59ED8;--arnon-color-bg-overlay:rgba(30,29,26,.45);--arnon-color-state-hover:rgba(30,29,26,.05);--arnon-color-state-pressed:rgba(30,29,26,.09);--arnon-color-state-selected:color-mix(in srgb,var(--arnon-color-action-primary) 10%,transparent);--arnon-color-focus-ring:var(--arnon-color-action-primary);--arnon-color-shadow-tint:30,29,26;--arnon-color-bg-track:#E5E2DE;--arnon-color-icon-muted:#A6A4A0;--arnon-color-action-primary-subtle:color-mix(in srgb,var(--arnon-color-action-primary) 9%,#FFFFFF);--arnon-color-action-primary-subtle-strong:color-mix(in srgb,var(--arnon-color-action-primary) 16%,#FFFFFF);--arnon-color-status-success:#246E3A;--arnon-color-status-success-subtle:color-mix(in srgb,var(--arnon-color-status-success) 12%,#FFFFFF);--arnon-color-status-warning:#9C5313;--arnon-color-status-warning-subtle:color-mix(in srgb,var(--arnon-color-status-warning) 12%,#FFFFFF);--arnon-color-status-danger:#AC3031;--arnon-color-status-danger-subtle:color-mix(in srgb,var(--arnon-color-status-danger) 12%,#FFFFFF);--arnon-color-status-info:#415D90;--arnon-color-status-info-subtle:color-mix(in srgb,var(--arnon-color-status-info) 12%,#FFFFFF);--arnon-color-status-danger-hover:#8A2627;--parchment-50:var(--arnon-color-neutral-50);--parchment-100:var(--arnon-color-neutral-0);--parchment-200:var(--arnon-color-neutral-100);--parchment-300:var(--arnon-color-neutral-200);--ink-0:var(--arnon-color-neutral-950);--ink-1:var(--arnon-color-neutral-900);--ink-2:var(--arnon-color-neutral-800);--ink-3:var(--arnon-color-neutral-700);--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:var(--arnon-color-action-primary-pressed);--brand-accent-2:var(--arnon-color-domain-accent);--brand-accent-2-ink:var(--arnon-color-domain-accent-ink);--on-brand-accent-2:var(--arnon-color-domain-on-accent);--brand-accent-soft:var(--arnon-color-action-primary-subtle);--brand-accent-2-soft:color-mix(in srgb,var(--brand-accent-2) 10%,var(--arnon-color-neutral-0));--brand-accent-2-glow:color-mix(in srgb,var(--brand-accent-2) 22%,transparent);--surface-ground:var(--page);--surface-raised:var(--surface);--border:var(--line);--border-strong:var(--line-strong);--content:var(--text-ink);--content-muted:var(--text-muted);--content-subtle:var(--text-faint);--action:var(--arnon-color-action-primary);--action-hover:var(--arnon-color-action-primary-hover);--on-action:var(--arnon-color-action-on-primary);--action-ink:var(--action);--emphasis:var(--arnon-color-domain-accent);--emphasis-ink:var(--arnon-color-domain-accent-ink);--focus:var(--action);--warning:var(--arnon-color-status-warning);--danger:var(--arnon-color-status-danger);--success:var(--arnon-color-status-success);--page:var(--arnon-color-bg-canvas);--surface:var(--arnon-color-bg-surface);--surface-2:var(--arnon-color-bg-surface-subtle);--surface-elev:var(--surface);--line-soft:var(--arnon-color-border-subtle);--line:var(--arnon-color-border-default);--line-strong:var(--arnon-color-border-strong);--text-ink:var(--arnon-color-text-primary);--text-muted:var(--arnon-color-text-secondary);--text-faint:var(--arnon-color-text-muted);--on-brand-accent:var(--on-action);--text-on-dark:var(--arnon-color-neutral-50);--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);--shadow-1:0 1px 2px rgba(30,29,26,0.06);--shadow-2:0 2px 8px rgba(30,29,26,0.08);--shadow-3:0 8px 24px rgba(30,29,26,0.12);--font-sans:var(--font-sarabun),var(--font-sym),"Noto Sans Symbols 2",sans-serif;--font-ui:var(--font-sans);--font-mono:"Noto Sans Mono",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:100%;--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:var(--danger);--color-danger-strong:var(--danger);--color-danger-soft:var(--arnon-color-status-danger-subtle)}:root[data-theme=dark]{--arnon-color-bg-canvas:#110F0D;--arnon-color-bg-surface:#1E1D1A;--arnon-color-bg-surface-subtle:#34332F;--arnon-color-border-default:#4F4D49;--arnon-color-border-strong:#82807C;--arnon-color-border-subtle:#34332F;--arnon-color-text-primary:#FCFAF6;--arnon-color-text-secondary:#D0CDC9;--arnon-color-text-muted:#A6A4A0;--arnon-color-text-disabled:#65635F;--arnon-color-action-primary:#CAB9E8;--arnon-color-action-primary-hover:#DED2F4;--arnon-color-action-primary-pressed:#B59ED8;--arnon-color-action-on-primary:#110F0D;--arnon-color-action-on-primary-pressed:#110F0D;--arnon-color-text-brand:#CAB9E8;--arnon-color-domain-accent:#B59ED8;--arnon-color-domain-accent-ink:#CAB9E8;--arnon-color-domain-on-accent:#110F0D;--arnon-color-domain-tint:#2D233C;--arnon-color-domain-deep:#2D233C;--arnon-color-bg-inverse:#FCFAF6;--arnon-color-text-inverse:#1E1D1A;--arnon-color-domain-accent-inverse:#604E7A;--arnon-color-bg-overlay:rgba(17,15,13,.66);--arnon-color-state-hover:rgba(252,250,246,.05);--arnon-color-state-pressed:rgba(252,250,246,.1);--arnon-color-state-selected:color-mix(in srgb,var(--arnon-color-action-primary) 12%,transparent);--arnon-color-focus-ring:var(--arnon-color-action-primary);--arnon-color-shadow-tint:0,0,0;--arnon-color-bg-track:#4F4D49;--arnon-color-icon-muted:#A6A4A0;--arnon-color-oneness-action-primary:#DCBE86;--arnon-color-oneness-action-primary-hover:#EBD6B0;--arnon-color-oneness-action-on-primary:#110F0D;--arnon-color-wellness-action-primary:#9FCFB9;--arnon-color-wellness-action-primary-hover:#C1E2D2;--arnon-color-wellness-action-on-primary:#110F0D;--arnon-color-wholeness-action-primary:#CAB9E8;--arnon-color-wholeness-action-primary-hover:#DED2F4;--arnon-color-wholeness-action-on-primary:#110F0D;--arnon-shadow-sm:0 1px 2px rgba(0,0,0,.4);--arnon-shadow-raised:0 2px 8px rgba(0,0,0,.45);--arnon-shadow-md:0 8px 24px rgba(0,0,0,.5);--arnon-shadow-lg:0 16px 48px rgba(0,0,0,.6);--arnon-color-action-primary-subtle:color-mix(in srgb,var(--arnon-color-action-primary) 13%,transparent);--arnon-color-action-primary-subtle-strong:color-mix(in srgb,var(--arnon-color-action-primary) 22%,transparent);--arnon-color-status-success:#95CEA0;--arnon-color-status-success-subtle:color-mix(in srgb,var(--arnon-color-status-success) 16%,transparent);--arnon-color-status-warning:#EEAD82;--arnon-color-status-warning-subtle:color-mix(in srgb,var(--arnon-color-status-warning) 16%,transparent);--arnon-color-status-danger:#FF9C94;--arnon-color-status-danger-subtle:color-mix(in srgb,var(--arnon-color-status-danger) 16%,transparent);--arnon-color-status-info:#A5BFED;--arnon-color-status-info-subtle:color-mix(in srgb,var(--arnon-color-status-info) 16%,transparent);--arnon-color-status-danger-hover:#AC3031;--surface-elev:var(--surface-2);--brand-accent-2-soft:color-mix(in srgb,var(--brand-accent-2) 45%,transparent);--brand-accent-2-glow:color-mix(in srgb,var(--brand-accent-2) 30%,transparent);--shadow-1:0 1px 0 rgba(0,0,0,0.5);--shadow-2:0 10px 32px rgba(0,0,0,0.55);--shadow-3:0 10px 32px rgba(0,0,0,0.55)}::selection{background:var(--brand-accent-soft);color:var(--text-ink)}::-moz-selection{background:var(--brand-accent-soft);color:var(--text-ink)}:root[data-theme=dark] ::selection{background:color-mix(in srgb,var(--brand-accent) 28%,transparent);color:var(--text-ink)}:root[data-theme=dark] ::-moz-selection{background:color-mix(in srgb,var(--brand-accent) 28%,transparent);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-sans)}.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-2);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-sans);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}:root[data-theme=dark] .codex-hero-title em{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)}:root[data-theme=dark] .codex-hero-title{text-shadow:0 0 44px color-mix(in srgb,var(--brand-accent-2) 14%,transparent)}.inner-btn-primary{box-shadow:var(--shadow-2)}:root[data-theme=dark] .inner-btn-primary{box-shadow:0 0 26px color-mix(in srgb,var(--brand-accent-2) 30%,transparent),var(--shadow-2)}.inner-btn-primary:hover{box-shadow:var(--shadow-3);transform:translateY(-1px)}:root[data-theme=dark] .inner-btn-primary:hover{box-shadow:0 0 40px color-mix(in srgb,var(--brand-accent-2) 50%,transparent),var(--shadow-3)}.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:var(--shadow-2);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),var(--shadow-3);transform:translateY(-2px)}.inner-tag{color:var(--brand-accent-2-ink);border-color:color-mix(in srgb,var(--brand-accent-2) 30%,transparent)}:root[data-theme=dark] .inner-tag{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)}.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);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);background:var(--surface);border:1px solid var(--line);transition:border-color .2s ease,box-shadow .2s ease}.landing-chat-input:focus{outline:none;border-color:var(--brand-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-accent) 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);background:var(--brand-fill);transition:all .2s ease}.landing-chat-btn:hover{background:var(--brand-accent);border-color:var(--brand-accent)}.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) 12%,transparent);border-top-color:var(--brand-accent);animation:landing-guard-spin .8s linear infinite}@keyframes landing-guard-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.landing-guard-spinner{animation:none}}.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);background:var(--surface);border:1px solid var(--line);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);border-color:var(--brand-accent);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);outline-offset:2px;border-radius:2px}