:root{--bg-light: #f8f8f8;--text-light: #2d2d2d;--bg-paper: #f5f1e6;--text-paper: #3b3631;--bg-dark: #2a2a2a;--text-dark: #e0e0e0;--accent-blue: #a8d5e2;--accent-blue-dim: #5a7d8a;--font-serif: "Inter", system-ui, sans-serif;--font-sans: "Inter", system-ui, sans-serif;--transition-fast: .2s ease;--transition-medium: .4s ease;--font-size-normal: 1.25rem;--font-size-quiet: 1.1rem}body{margin:0;padding:0;font-family:var(--font-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-medium),color var(--transition-medium)}:root[data-theme=light]{--bg-current: var(--bg-light);--text-current: var(--text-light);--drawer-left-bg: #f0f0f0;--btn-pill-container: #f0f0f0;--btn-pill-active-bg: #2d2d2d;--btn-pill-active-text: #ffffff;--btn-pill-inactive-text: #555555;--btn-primary-bg: #333333;--btn-primary-text: #ffffff;--btn-secondary-border: rgba(0, 0, 0, .1)}:root[data-theme=paper]{--bg-current: var(--bg-paper);--text-current: var(--text-paper);--drawer-left-bg: #ece6d9;--btn-pill-container: rgba(0, 0, 0, .05);--btn-pill-active-bg: var(--text-paper);--btn-pill-active-text: var(--bg-paper);--btn-pill-inactive-text: rgba(59, 54, 49, .6);--btn-primary-bg: #4a443e;--btn-primary-text: var(--bg-paper);--btn-secondary-border: rgba(59, 54, 49, .15)}:root[data-theme=dark]{--bg-current: var(--bg-dark);--text-current: var(--text-dark);--drawer-left-bg: var(--bg-dark);--btn-pill-container: rgba(255, 255, 255, .08);--btn-pill-active-bg: #e0e0e0;--btn-pill-active-text: #1a1a1a;--btn-pill-inactive-text: #888888;--btn-primary-bg: #333333;--btn-primary-text: #ffffff;--btn-secondary-border: rgba(255, 255, 255, .1)}:root{--bg-current: var(--bg-dark);--text-current: var(--text-dark);--editor-opacity: 1;--editor-font-size: var(--font-size-normal)}:root[data-mood=quiet]{--editor-opacity: .5;--editor-font-size: var(--font-size-quiet)}body{background-color:var(--bg-current);color:var(--text-current);font-family:var(--font-sans)}.hidden{display:none}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808033;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#80808066}.editor-focus-mode .ProseMirror>*{opacity:.3;transition:opacity .2s ease-in-out}.editor-focus-mode .ProseMirror>.has-focus{opacity:1}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}.animate-pulse{animation:pulse 4s infinite ease-in-out}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}