*{box-sizing:border-box;margin:0;padding:0}body{color:#1a2332;background:#f0f4f8;font-family:Platypi,serif;line-height:1.5}.app{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}header{color:#fff;text-align:center;letter-spacing:.5px;background:#2c6e6f;padding:16px 20px;font-size:18px;font-weight:600}main{flex:1;padding:16px 20px 80px}nav{background:#fff;border-top:1px solid #dce4ec;justify-content:space-around;max-width:480px;margin:0 auto;padding:8px 0;display:flex;position:fixed;bottom:0;left:0;right:0}nav button{color:#6b7a8f;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .15s}nav button.active{color:#2c6e6f;background:#e8f0f0;font-weight:600}h2{color:#1a2332;margin-bottom:12px;font-size:20px}h3{color:#2c3e4e;margin-bottom:8px;font-size:16px}.greeting{color:#1a2332;margin-bottom:4px;font-size:22px;font-weight:600}.stats{color:#6b7a8f;margin-bottom:16px;font-size:14px}.card{background:#fff;border-radius:12px;margin-bottom:10px;padding:14px 16px;box-shadow:0 1px 3px #0000000f}.mood-form{margin-bottom:20px}.mood-form p{color:#2c3e4e;margin-bottom:8px;font-weight:500}.rating-row{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.rating-btn{cursor:pointer;background:#fff;border:2px solid #dce4ec;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;transition:all .15s;display:flex}.rating-btn.selected{background:#e8f0f0;border-color:#2c6e6f;transform:scale(1.1)}.rating-btn:hover{border-color:#2c6e6f}.rating-label{color:#6b7a8f;margin-bottom:10px;font-size:13px}.mood-note{border:1px solid #dce4ec;border-radius:8px;width:100%;margin-bottom:10px;padding:10px 12px;font-family:inherit;font-size:14px}.btn{color:#fff;cursor:pointer;background:#2c6e6f;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.btn:hover{background:#235a5b}.btn:disabled{opacity:.4;cursor:default}.btn-secondary{color:#1a2332;background:#dce4ec}.btn-secondary:hover{background:#c8d2dd}.btn-danger{color:#fff;background:#e74c3c}.btn-danger:hover{background:#c0392b}.mood-meta{color:#6b7a8f;margin:4px 0;font-size:13px}.mood-note-text{color:#1a2332;margin-top:4px}hr{border:none;border-top:1px solid #dce4ec;margin:16px 0}.form-group{margin-bottom:12px}.form-group label{color:#2c3e4e;margin-bottom:4px;font-weight:500;display:block}.form-group input,.form-group textarea{border:1px solid #dce4ec;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.journal-entry{margin-bottom:4px}.journal-entry h3{margin-bottom:4px;font-size:15px}.journal-entry p{color:#2c3e4e;font-size:14px}.journal-entry .mood-meta{margin-top:4px}.empty-state{text-align:center;color:#6b7a8f;padding:40px 0;font-size:14px}.date-header{color:#2c6e6f;margin:12px 0 6px;font-size:13px;font-weight:600}.insight{color:#2c3e4e;margin-bottom:4px;font-size:14px}