.journal-root{--color-bg-root:#f1f2f6;--color-bg-surface:#fafbfd;--color-bg-elevated:#fff;--color-bg-hover:#e8eaf1;--color-border:#dbdee8;--color-border-hover:#c7ccda;--color-text-primary:#161c2d;--color-text-secondary:#4c5366;--color-text-muted:#686f84;--color-gold:#8b6b1a;--color-gold-dim:#8b6b1a1a;--color-navy:#192a56;--color-navy-dim:#192a5614;--color-grid:#192a560a;--color-purple:#7c3aed;--color-green:#15803d;--color-red:#dc2626;--color-orange:#c2410c;--color-cyan:#0e7490;--color-green-dim:#15803d1a;--color-red-dim:#dc26261a;--color-orange-dim:#c2410c1a;--color-purple-dim:#7c3aed1a;--color-blue-dim:#2563eb1a;--color-cyan-dim:#0e74901a;--color-syn-key:#1e3a5f;--color-syn-string:#1a6b42;--color-syn-number:#7c3aed;--color-syn-boolean:#c2410c;--color-syn-null:#9e7c2a;--color-syn-bracket:#5c5240;--color-syn-comment:#8a7e66;--font-annot:var(--font-kalam);--color-annot:var(--color-orange);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text-primary);background-color:var(--color-bg-root);background-image:linear-gradient(var(--color-grid)1px,transparent 1px),linear-gradient(90deg,var(--color-grid)1px,transparent 1px);font-family:var(--font-figtree),ui-sans-serif,system-ui,sans-serif;background-size:32px 32px}.journal-root[data-theme=dark]{--color-bg-root:#0a0e19;--color-bg-surface:#121726;--color-bg-elevated:#181f31;--color-bg-hover:#1e2740;--color-border:#212a40;--color-border-hover:#2c3852;--color-text-primary:#e9eaf0;--color-text-secondary:#9aa1b8;--color-text-muted:#7a82a0;--color-gold:#c6a358;--color-gold-dim:#c6a3581f;--color-navy:#9aacdf;--color-navy-dim:#9aacdf1a;--color-grid:#9aacdf09;--color-purple:#a855f7;--color-green:#22c55e;--color-red:#ef4444;--color-orange:#f97316;--color-cyan:#06b6d4;--color-green-dim:#22c55e1f;--color-red-dim:#ef44441f;--color-orange-dim:#f973161f;--color-purple-dim:#a855f71f;--color-blue-dim:#3b82f61f;--color-cyan-dim:#06b6d41f;--color-syn-key:#7db4e0;--color-syn-string:#7ec89d;--color-syn-number:#c4a5f7;--color-syn-boolean:#f5a76c;--color-syn-null:#c6a358;--color-syn-bracket:#8b8fa3;--color-syn-comment:#4a5068;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body:has(.journal-root){background-color:#f1f2f6}body:has(.journal-root[data-theme=dark]){background-color:#0a0e19}.journal-root .font-mono{font-family:var(--font-jetbrains-mono),ui-monospace,SFMono-Regular,monospace}.journal-root .font-display{font-family:var(--font-space-grotesk),ui-sans-serif,system-ui,sans-serif}.journal-root .font-sans{font-family:var(--font-figtree),ui-sans-serif,system-ui,sans-serif}.journal-root .font-annot{font-family:var(--font-kalam),cursive}.journal-root :focus-visible{outline:2px solid color-mix(in srgb,var(--color-gold)55%,transparent);outline-offset:2px}.journal-root input:focus-visible,.journal-root textarea:focus-visible{outline:none}.journal-root ::selection{background:color-mix(in srgb,var(--color-gold)26%,transparent);color:inherit}.journal-root ::-webkit-scrollbar{width:6px;height:6px}.journal-root ::-webkit-scrollbar-track{background:0 0}.journal-root ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.journal-root ::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}@keyframes field-error-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.journal-root .animate-field-error{animation:.22s ease-out field-error-in}@media (prefers-reduced-motion:reduce){.journal-root .animate-field-error{animation:none}}@keyframes learn-step-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.journal-root .animate-learn-step{animation:.28s both learn-step-in}@media (prefers-reduced-motion:reduce){.journal-root .animate-learn-step{animation:none}}.journal-root .concept-rays{opacity:.45;transform-origin:14px 11px;transition:opacity .2s}.journal-root .concept-trigger:hover .concept-rays,.journal-root .concept-trigger:focus-visible .concept-rays{animation:1.1s ease-out infinite concept-radiate}@keyframes concept-radiate{0%{opacity:.15;transform:scale(.82)}55%{opacity:.95}to{opacity:0;transform:scale(1.28)}}@media (prefers-reduced-motion:reduce){.journal-root .concept-trigger:hover .concept-rays,.journal-root .concept-trigger:focus-visible .concept-rays{opacity:.9;animation:none}}
