:root,[data-theme=dark]{--bg-body:#0f0a07;--bg-scene:linear-gradient(172deg, #4a3826 0%, #42331f 15%, #3e2f1e 30%, #382a1a 50%, #352818 68%, #2e2214 85%, #281e10 100%);--text-primary:#fdf6ecd1;--text-secondary:#c8aa7861;--text-muted:#c8aa7840;--accent-gold:#c8841d;--accent-thread:#d4a940d9;--note-main-bg:linear-gradient(148deg, #fdf6ec 0%, #f8edd8 55%, #f2e4cc 100%);--note-mini-bg:linear-gradient(145deg, #e8dfce, #dfd4c2);--note-text:#2c1810;--note-text-secondary:#5a4a3a;--note-shadow:0 12px 45px #00000052, 0 3px 8px #0000001a;--note-mini-shadow:0 3px 10px #0000002e;--vignette:radial-gradient(ellipse 75% 70% at 50% 42%, transparent 0%, #0c080473 100%);--page-bg:#1a1310;--card-bg:#fdf6ec0f;--card-border:#c89b5014;--card-hover-bg:#fdf6ec1a;--card-hover-border:#c89b502e;--calendar-highlight:#c89b5014;--calendar-highlight-border:#c89b501f;--tag-food:#4caf5099;--tag-milestone:#c8941e99;--tag-vomit:#c45b3a80;--font-heading:"Fraunces", serif;--font-body:"Newsreader", serif}[data-theme=light]{--bg-body:#f5ede0;--bg-scene:linear-gradient(172deg, #e8dcc8 0%, #dfd2bc 30%, #d8cab4 60%, #d2c4ae 100%);--text-primary:#2c1810;--text-secondary:#5a4a3ab3;--text-muted:#5a4a3a66;--accent-gold:#b8740a;--accent-thread:#b88c28e6;--note-main-bg:linear-gradient(148deg, #fffdf8 0%, #fff8ee 55%, #fdf2e4 100%);--note-mini-bg:linear-gradient(145deg, #f0e8da, #e8dfd0);--note-text:#1a0e06;--note-text-secondary:#4a3a2a;--note-shadow:0 8px 30px #64461e26, 0 2px 6px #64461e14;--note-mini-shadow:0 2px 8px #64461e1a;--vignette:radial-gradient(ellipse 75% 70% at 50% 42%, transparent 0%, #b4a08233 100%);--page-bg:#f5ede0;--card-bg:#ffffff80;--card-border:#b49b6426;--card-hover-bg:#ffffffb3;--card-hover-border:#b49b644d;--calendar-highlight:#c89b5026;--calendar-highlight-border:#c89b5040;--tag-food:#388e3cb3;--tag-milestone:#b4800ab3;--tag-vomit:#b0472699;--font-heading:"Fraunces", serif;--font-body:"Newsreader", serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg-body);min-height:100vh;font-family:var(--font-body), Georgia, serif;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}