body{font-family:Roboto,Verdana,sans-serif!important}.mood-header{text-align:center;padding:20px 30px;color:#0f2c64}.mood-title-icon{font-size:3rem;margin-right:20px;-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite}.mood-title-text h2{font-size:2rem;font-weight:700;margin-bottom:5px}.mood-title-text p{font-size:1rem;opacity:.9;margin:0;color:#0f2c64}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.mood-tracker{margin-top:20px}.mood-main-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;height:100%;min-height:600px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.mood-history-section,.mood-input-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:15px;padding:20px;background:#fff;border:2px solid #e6edf4;overflow:hidden}.mood-input-section{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mood-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:25px}.mood-title svg{color:#0f2c64}.mood-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}.mood-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:10px;border:3px solid #e5e7eb;border-radius:15px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;background:#fff;text-align:center}.mood-option:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 8px 25px rgba(0,0,0,.15);box-shadow:0 8px 25px rgba(0,0,0,.15);cursor:pointer}.mood-option.selected{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 8px 25px rgba(102,126,234,.3);box-shadow:0 8px 25px rgba(102,126,234,.3)}.mood-option.very-happy.selected{border-color:#22c55e;background:#f0fdf4}.mood-option.happy.selected{border-color:#84cc16;background:#f7fee7}.mood-option.so-so.selected{border-color:#eab308;background:#fefce8}.mood-option.anxious.selected{border-color:#f97316;background:#fff7ed}.mood-option.terrible.selected{border-color:#ef4444;background:#fef2f2}.mood-option.angry.selected{border-color:#dc2626;background:#fef2f2}.mood-icon-large{font-size:2rem;-webkit-transition:all .3s ease;transition:all .3s ease}.mood-option:hover .mood-icon-large{-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer}.mood-option.very-happy .mood-icon-large{color:#22c55e}.mood-option.happy .mood-icon-large{color:#84cc16}.mood-option.so-so .mood-icon-large{color:#eab308}.mood-option.anxious .mood-icon-large{color:#f97316}.mood-option.terrible .mood-icon-large{color:#ef4444}.mood-option.angry .mood-icon-large{color:#dc2626}.mood-label{font-weight:600;color:#374151;font-size:1rem;text-transform:capitalize}.notes-input{margin-bottom:30px}.notes-input label{display:block;font-weight:500;color:#6b7280;margin-bottom:10px}.notes-textarea{width:100%;padding:15px;border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:1rem;background:#e7e9ef;-webkit-transition:border-color .2s ease;transition:border-color .2s ease}.notes-textarea:focus{outline:none;border-color:#667eea}.record-button{width:100%;padding:15px;background:#0f2c64;color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.record-button:hover:not(:disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 25px rgba(59,130,246,.3);box-shadow:0 8px 25px rgba(59,130,246,.3);cursor:pointer}.record-button:disabled{background:#9ca3af;cursor:not-allowed;-webkit-transform:none;transform:none}.record-button.success{background:linear-gradient(135deg,#22c55e,#16a34a)!important}.mood-entries{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;max-height:530px;padding-right:10px}.mood-entries::-webkit-scrollbar{width:6px}.mood-entries::-webkit-scrollbar-thumb{background-color:#94a3b8;border-radius:10px}.mood-entries::-webkit-scrollbar-track{background:transparent}.mood-entry{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:10px;background:#fff;margin-bottom:15px;border-left:4px solid transparent;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.05);box-shadow:0 4px 15px rgba(0,0,0,.05)}.mood-entry:hover{-webkit-transform:translateX(5px);transform:translateX(5px);-webkit-box-shadow:0 4px 15px rgba(0,0,0,.1);box-shadow:0 4px 15px rgba(0,0,0,.1);cursor:pointer}.mood-entry.very-happy{border-left-color:#22c55e}.mood-entry.happy{border-left-color:#84cc16}.mood-entry.so-so{border-left-color:#eab308}.mood-entry.anxious{border-left-color:#f97316}.mood-entry.terrible{border-left-color:#ef4444}.mood-entry.angry{border-left-color:#dc2626}.entry-icon{font-size:2rem;width:60px;text-align:center}.entry-icon.very-happy{color:#22c55e}.entry-icon.happy{color:#84cc16}.entry-icon.so-so{color:#eab308}.entry-icon.anxious{color:#f97316}.entry-icon.terrible{color:#ef4444}.entry-icon.angry{color:#dc2626}.entry-details{-webkit-box-flex:1;-ms-flex:1;flex:1}.entry-mood{font-weight:600;color:#1f2937;margin-bottom:5px;text-transform:capitalize}.entry-note{color:#6b7280;font-size:.9rem}.entry-date{font-size:.8rem;color:#9ca3af;text-align:right}.max-icon-plus{font-size:2rem!important}.no-entries{text-align:center;color:#6b7280;font-style:italic;padding:40px 20px}.mood-tags-section{margin-bottom:30px}.mood-tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin-top:10px}.mood-tag{padding:5px 10px;background:#e5e7eb;border-radius:20px;font-weight:500;font-size:.9rem;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:2px solid transparent;border-color:#ccc}.mood-tag:hover{background:#d1d5db}.mood-tag.selected{background:#d1def8;color:#0f2c64;font-weight:500;border-color:#0f2c64}.entry-tags{margin-top:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px}.tag-badge{padding:5px 10px;background:#e5e7eb;border-radius:12px;font-size:.75rem;font-weight:500;color:#374151;-webkit-transition:all .2s ease;transition:all .2s ease}.tag-badge:hover{background:#d1d5db}@media (max-width:1024px){.mood-main-content{grid-template-columns:1fr}.mood-entries{max-height:none}}