*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-body: #f7f4ed;--scrollbar-thumb: #d6d0c2;--focus-border: #2d8a58;--focus-ring: rgba(45, 138, 88, .1);--modal-overlay: rgba(0, 0, 0, .35)}[data-theme=dark]{--bg-body: #111113;--scrollbar-thumb: #2a2a2e;--focus-border: #4aad6e;--focus-ring: rgba(74, 173, 110, .15);--modal-overlay: rgba(0, 0, 0, .6)}body{background:var(--bg-body);font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;transition:background .3s ease}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.journal-textarea:focus{outline:none;border-color:var(--focus-border)!important;box-shadow:0 0 0 3px var(--focus-ring)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.sidebar{display:flex}.bottom-nav{display:none}@media (max-width: 600px){.sidebar{display:none!important}.bottom-nav{display:flex!important}.main-content{padding-bottom:72px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes ringFill{0%{stroke-dashoffset:var(--ring-circumference)}}.fade-in{animation:fadeIn .35s ease-out}.slide-down{animation:slideDown .3s ease-out}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{width:90%;max-width:500px;max-height:80vh;overflow-y:auto;border-radius:16px;padding:24px;animation:fadeIn .25s ease-out}.search-input{transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:var(--focus-border)!important;box-shadow:0 0 0 3px var(--focus-ring)}.quick-btn{transition:all .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.quick-btn:hover{transform:scale(1.05)}.quick-btn:active{transform:scale(.95)}.mood-btn{transition:all .15s ease;cursor:pointer}.mood-btn:hover{transform:scale(1.15)}.streak-fire{display:inline-block;animation:pulse 1.5s ease-in-out infinite}.theme-toggle{cursor:pointer;border:none;background:none;font-size:18px;transition:transform .3s ease;padding:4px;line-height:1}.theme-toggle:hover{transform:rotate(30deg) scale(1.1)}.prompt-chip{cursor:pointer;transition:all .2s ease;border:none}.prompt-chip:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.progress-ring-circle{transition:stroke-dashoffset .6s ease}.export-btn{cursor:pointer;transition:all .2s;border:none}.export-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.nav-btn{transition:all .15s ease}.nav-btn:hover{opacity:.85}.reminder-banner{animation:slideDown .4s ease-out}@media print{.sidebar,.bottom-nav,.no-print{display:none!important}.main-content{padding:0!important}}