body{font-family:Inter,sans-serif;background-color:#f8f9fa;margin:0}.App-header{text-align:center;background:#e9f5ee;padding:1rem;border-bottom:1px solid #ccc}.App-nav{display:flex;justify-content:center;gap:1rem;padding:10px;background:#fff;border-bottom:1px solid #ddd}.App-nav button{background:none;border:none;padding:8px 16px;cursor:pointer;font-weight:700;color:#555}.App-nav button.active{border-bottom:3px solid #28a745;color:#28a745}.App-content{padding:20px}.chat-container{display:flex;flex-direction:column;height:70vh}.chat-box{flex:1;overflow-y:auto;border:1px solid #ddd;border-radius:10px;padding:10px;background:#fff}.message{margin-bottom:10px}.message.user .bubble{background:#d1e7dd;text-align:right;border-radius:15px 15px 0}.message.bot .bubble{background:#e2e3e5;border-radius:15px 15px 15px 0}.chat-input{display:flex;gap:10px;margin-top:10px}.chat-input input{flex:1;padding:8px;border-radius:8px;border:1px solid #ccc}.chat-input button{background:#28a745;color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer}.mood-container,.reminder-container{text-align:center}.mood-icons{display:flex;justify-content:center;gap:20px;margin:20px 0}.mood-btn{background:#fff;border:1px solid #ccc;border-radius:10px;padding:10px;cursor:pointer}.mood-btn:hover{background:#e9f5ee}.reminder-list{list-style:none;padding:0}.reminder-list li{background:#fff;margin:5px 0;padding:8px;border-radius:6px;display:flex;justify-content:space-between}.App-footer{text-align:center;font-size:.8rem;padding:1rem;color:#666}