*,:before,:after{box-sizing:border-box}:root{--yellow-50:#fffdf0;--yellow-100:#fff8d6;--yellow-200:#fff0a8;--yellow-300:#ffe066;--yellow-400:#f5c842;--yellow-500:#d4a017;--yellow-600:#a67c00;--sand-100:#f7f3e8;--sand-200:#ede8d8;--sand-300:#d9d1bc;--ink-light:#8a7e6a;--ink:#5c5243;--ink-dark:#3a2e1f;--bg:var(--yellow-50);--surface:#fff;--border:var(--sand-200);--accent:var(--yellow-500);--accent-bg:var(--yellow-100);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.6}body{background:var(--bg);min-height:100dvh;margin:0}#root{min-height:100dvh}h1,h2,h3{color:var(--ink-dark);margin:0;font-family:Georgia,serif;font-weight:400}p{margin:0}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app{max-width:640px;margin:0 auto;padding:0 24px 80px}.app-header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:48px;padding:64px 0 48px}.app-title{letter-spacing:.08em;color:var(--ink-dark);margin-bottom:8px;font-size:2.6rem}.app-date{color:var(--ink-light);letter-spacing:.04em;font-size:.9rem}.app-nav{justify-content:center;gap:8px;margin-top:28px;display:flex}.nav-btn{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);border:1px solid var(--border);background:0 0;border-radius:999px;padding:6px 20px;font-size:.85rem;transition:all .2s}.nav-btn:hover{color:var(--ink);border-color:var(--sand-300)}.nav-btn--active{background:var(--yellow-200);border-color:var(--yellow-300);color:var(--ink-dark)}.journal-form{flex-direction:column;gap:40px;display:flex}.field{flex-direction:column;gap:12px;display:flex}.field-label{color:var(--ink);letter-spacing:.02em;font-size:1rem}.pill-group{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 18px;font-size:.875rem;transition:all .18s}.pill:hover{border-color:var(--yellow-400);background:var(--yellow-100);color:var(--ink-dark)}.pill--active{background:var(--yellow-300);border-color:var(--yellow-400);color:var(--ink-dark)}.zen-textarea{resize:vertical;width:100%;min-height:120px;color:var(--ink-dark);background:var(--surface);border:1px solid var(--border);border-radius:8px;outline:none;padding:16px;font-family:Georgia,serif;font-size:1rem;line-height:1.7;transition:border-color .2s,box-shadow .2s}.zen-textarea::placeholder{color:var(--sand-300);font-style:italic}.zen-textarea:focus{border-color:var(--yellow-400);box-shadow:0 0 0 3px var(--yellow-100)}.save-btn{letter-spacing:.08em;text-transform:uppercase;background:var(--yellow-400);color:var(--ink-dark);border:none;border-radius:999px;align-self:flex-start;padding:10px 32px;font-size:.875rem;transition:all .2s}.save-btn:hover{background:var(--yellow-500);color:#fff}.save-btn--saved{background:var(--sand-200);color:var(--ink-light)}.history{flex-direction:column;gap:24px;display:flex}.history-empty{text-align:center;color:var(--ink-light);padding:48px 0;font-style:italic}.history-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:24px;display:flex}.history-card-date{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-light);margin-bottom:4px;font-size:.8rem}.history-card-field{gap:12px;font-size:.9rem;display:flex}.history-card-key{color:var(--ink-light);text-transform:capitalize;min-width:90px}.history-card-val{color:var(--ink-dark)}