.chatbot-container{max-width:400px;margin:auto;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;color:#000}.chat-window{max-height:300px;overflow-y:auto;margin-bottom:10px;border:1px solid #ddd;border-radius:5px;padding:10px;background-color:#fff}.chat-bubble{margin:5px 0;padding:10px;border-radius:10px;display:inline-block;max-width:80%}.user{background-color:#d1e7dd;align-self:flex-end}.assistant{background-color:#f8d7da;align-self:flex-start}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.mood{text-align:center;padding:20px}.mood-options{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px}.mood-button{padding:12px 24px;font-size:16px;border-radius:20px;border:none;background-color:#6d5235;color:#fff;transition:all .5s ease;min-width:120px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #e18e8e99}.mood-button:hover{background-color:#fcc7c7;transform:translateY(-5px);box-shadow:0 6px 10px #000000e6}.mood-button.selected{background:linear-gradient(135deg,#ffb3b3,#ff8e8e)}body{background-color:#fff;transition:background-color .5s ease-in-out}body.happy-theme{background-color:#fff9a8;background:linear-gradient(135deg,#dfe792,#fff)}body.sad-theme{background-color:#4a5573;background:linear-gradient(135deg,#324071,#b3b9c7)}body.angry-theme{background-color:#ff7f6b;background:linear-gradient(135deg,#570c00,#ff8682)}body.calm-theme{background-color:#9bf6ff;background:linear-gradient(135deg,#69a0ff,#1cffc2)}body.motivated-theme{background-color:#cab6ee;background:linear-gradient(135deg,#cab6ee,#9377c8)}body.sick-theme{background-color:#004201;background:linear-gradient(135deg,#64ac68,#004201)}body.anxious-theme{background-color:#072222;background:linear-gradient(135deg,#072222,#9dd0cf)}body.energetic-theme{background-color:#b4f7f8;background:linear-gradient(135deg,#b4f7f8,#37bcb8)}body.embarrassed-theme{background-color:#000b43;background:linear-gradient(135deg,#000b43c9,#a3a5d8)}body.confident-theme{background-color:#fbfac2;background:linear-gradient(135deg,#fbfac2,#fff81f)}.mood-button{transition:all .3s ease}.mood-button:hover{transform:scale(1.1)}.mood-button{animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.bubble{width:10px;height:10px;background-color:#fff;position:absolute;border-radius:50%;opacity:.7;animation:rise 5s ease-in-out infinite}@keyframes rise{0%{transform:translateY(0);opacity:.7}to{transform:translateY(-100vh);opacity:0}}.pie-chart-container{display:flex;justify-content:center;align-items:center}.calendar-container{width:85%;max-width:800px;padding:20px;background-color:#faebeb;border-radius:10px;box-shadow:0 2px 10px #00000080;align-content:center;justify-content:center}.react-calendar{width:100%;max-width:800px;margin:0 auto;background-color:#ded0c2;border-radius:10px;box-shadow:0 2px 10px #00000080;border:none;color:#594434}.react-calendar__tile{background:#ded0c2;border-radius:5px;color:#594434;transition:background .3s,transform .3s}.react-calendar__tile:hover{background:#555;transform:scale(1.05)}.react-calendar__tile--active{background:#bba794;color:#fff}.react-calendar__navigation button{color:#594434;background:#bba794;border:none;border-radius:5px;margin:2px;padding:10px;font-size:16px;cursor:pointer;transition:background .3s,transform .3s}.react-calendar__navigation button:hover{background:#bba794;transform:scale(1.1)}.monthly-insight-button{background-color:#594434;color:#fff;padding:10px 30px;text-align:center;font-size:20px;cursor:pointer;margin-top:10px}.monthly-insight-button:hover{background-color:#594434}h2{color:#594434}@media (max-width: 768px){.react-calendar__navigation{justify-content:center}.react-calendar__navigation h2{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}}.grid-container{display:grid;grid-template-areas:"Welcome Welcome Welcome Welcome Welcome Welcome" "nav nav nav nav nav nav" "body body body body body body" "footer footer footer footer footer footer";grid-gap:20px;padding:20px}.Welcome1{grid-area:Welcome;color:#795b3b;box-shadow:0 4px 6px #e64d4d99;border-radius:25px;margin:10px;width:100%;padding-top:10px;padding-bottom:10px;background-color:#faebeb}.Welcome1 a{color:#735131;font-weight:700;font-size:16px}.nav1{grid-area:nav;background-color:#ded0c2;padding:20px;border-radius:20px;display:flex;justify-content:space-between}.body2{grid-area:body;background-color:#e2edf4;border-radius:25px;color:#150208;padding:20px;align-content:center}.fact{grid-area:fact;position:relative}.funfact1{background-color:#c2e1d4;border-radius:25px;padding:20px;margin:20px}.calendar{border-radius:25px;align-items:center!important;justify-content:center!important;padding-left:18%;padding-right:15%;margin:20px}.playlist1{margin:20px}@media (max-width: 768px){.nav1{flex-direction:column;align-items:flex-start}.nav1 a{margin:10px 0;width:100%;text-align:center}}#root{max-width:100%;margin:0;padding:2rem;text-align:center;align-items:center;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{background-color:#fff}.grid-container{display:grid;grid-template-areas:"Welcome Welcome Welcome Welcome Welcome Welcome" "nav nav nav nav nav nav" "playlist body body body body moodCal" "playlist body body body body moodCal" "fact body body body body moodCal" "fact body body body body moodCal" "footer footer footer footer footer footer";grid-gap:20px;padding:20px}.nav1{grid-area:nav;background-color:#ded0c2;padding:20px 10%;border-radius:20px;margin:20px;display:flex;justify-content:space-between}.nav1 a{color:#735131;font-weight:700;font-size:16px}.nav1 a:hover{text-decoration:underline;color:#4a3a2e}.playlist1{grid-area:playlist;background-color:#027325;box-shadow:0 4px 6px #027325;border-radius:20px}.body1{grid-area:body;background-color:#e2edf4;border-radius:25px;color:#150208;width:600px}.moodInsights{grid-area:moodCal;background-color:#f7cc97;border-radius:25px}.footer1{grid-area:footer;border:solid black;padding:10px}