.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#2e8b57;padding:1rem 2rem;color:#fff}.logo{font-size:1.5rem;font-weight:700}.nav-links{list-style:none;display:flex;gap:1.5rem}.nav-links a{color:#fff;text-decoration:none;font-weight:500}.nav-links a:hover{text-decoration:underline}.footer{background-color:#2e8b57;color:#fff;text-align:center;padding:1rem 0;margin-top:2rem;font-size:.9rem}.feedback-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#e6f2e6;padding:20px}.feedback-container{width:100%;max-width:600px;background:#fff;padding:30px;border-radius:15px;box-shadow:0 8px 20px #0000001a}.feedback-container h2{text-align:center;color:#2e8b57;margin-bottom:25px;font-weight:700}.feedback-form{display:flex;flex-direction:column;gap:20px}.feedback-form label{font-weight:600;margin-bottom:8px;color:#333}.feedback-form input,.feedback-form textarea{padding:14px;border:1px solid #ccc;border-radius:8px;font-size:1rem}.feedback-form input:focus,.feedback-form textarea:focus{outline:none;border-color:#2e8b57;box-shadow:0 0 8px #2e8b5780}.feedback-form button{background-color:#2e8b57;color:#fff;padding:14px;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.feedback-form button:hover{background-color:#246b45}body{font-family:Segoe UI,sans-serif;background:#f0f8ff;margin:0;padding:20px}.app-container{max-width:600px;margin:auto;background:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 8px #0000001a}.title{text-align:center;color:#4caf50}.mood-form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.mood-form input,.mood-form select,.mood-form textarea{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:8px}.mood-form button{padding:10px;font-size:16px;background:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer}.mood-form button:hover{background:#45a049}.mood-list .entry{background:#e8f5e9;padding:15px;border-radius:12px;margin-bottom:10px;box-shadow:0 2px 4px #0000000d}.entry h3{margin:0 0 5px;color:#2e7d32}.entry p{margin:0 0 10px}.date{font-size:12px;color:#777}.no-entries{text-align:center;color:#888;font-style:italic}.container{padding:2rem;max-width:800px;margin:auto}.about-section{background-color:#f9f9f9;padding:2rem;border-radius:10px}.delete-btn{background-color:#ff4d4d;border:none;color:#fff;padding:6px 12px;margin-top:10px;border-radius:5px;cursor:pointer}.delete-btn:hover{background-color:#e60000}.container{padding:1rem;max-width:100%;margin:auto;box-sizing:border-box}.navbar{flex-direction:column;padding:1rem;text-align:center}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem}.mood-form input,.mood-form select,.mood-form textarea{width:100%;box-sizing:border-box}.entry{margin:10px 0;padding:15px}.dashboard-container{max-width:100%;margin:20px auto;padding:15px;overflow-x:auto}@media (min-width: 768px){.container{max-width:800px;padding:2rem}.navbar{flex-direction:row;justify-content:space-between}.nav-links{margin-top:0}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}