:root{margin:0;width:100svw;min-width:270px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;letter-spacing:-.025em;color-scheme:light dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,p,span{margin:0}h1{font-size:36px;font-style:normal;font-weight:800;line-height:normal;text-wrap:balance}h3{font-size:24px;font-style:normal;font-weight:800;line-height:normal;text-wrap:balance}h5{font-size:20px;font-style:normal;font-weight:400;line-height:normal;text-wrap:balance}b{font-weight:700}p,span{font-size:17px;font-style:normal;font-weight:400;line-height:1.5;text-wrap:pretty}#root{margin:0;height:100%;width:100%}.title-text{font-family:Bebas Neue,sans-serif;font-weight:800;font-size:60px;letter-spacing:normal;font-style:normal}.kpi-section{margin:0;padding:40px 60px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.latest-puff{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:10px}.bar-progress{width:100%;height:15px;background:#7692ff40;border-radius:10px;overflow-x:hidden}.bar-chart{width:100%;height:200px}.bar-fill{position:relative;left:0;width:0%;height:15px;background:#7692ff;border-radius:10px;animation-name:run;animation-duration:.5s;animation-fill-mode:forwards;transition:width .5s ease-in-out}.dashboard{display:flex;flex-direction:column}.dashboard-sections{display:flex;flex-wrap:wrap;gap:20px;padding:0 30px 30px}.dashboard-section{padding:20px;border-radius:20px;background:#7692ff40;flex-grow:1}.streak{display:flex;flex-direction:column;gap:30px;flex-grow:1}.streak-content{padding:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.record-bar{height:100px;width:20px;background:#7692ff40;display:flex;align-items:flex-end}.record-bar-fill{padding:0;height:60px;width:20px;background:#7692ff;border-radius:5px 5px 0 0}.personal-record{position:absolute;margin-top:-58px;margin-left:-105px;font-size:14px;text-decoration:underline}.usage-history{flex-basis:600px;flex-grow:3}.daily-activity{display:flex;flex-direction:column;gap:20px;flex-basis:500px;flex-grow:3}.health-insights{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.health-insights-content{padding:10px 30px;display:flex;flex-direction:row;height:100%;justify-content:space-between}.heart-vitals,.sleep-vitals{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.spending-stats{display:flex;flex-direction:column;gap:20px;flex-basis:300px}.metric-container{display:flex;flex-direction:column;align-items:center}.usage-history{display:flex;flex-direction:column;gap:20px}.css-14zsml0-MuiDateCalendar-root{margin:0!important}.usage-history-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.calendar-container{max-width:300px;max-height:300px;display:flex;flex-direction:column;flex-basis:300px;flex-shrink:2;justify-self:center}.calendar{max-width:300px;display:flex;flex-direction:column}.MuiCalendarOrClockPicker-root,.MuiCalendarOrClockPicker-root>div{width:290px}.MuiCalendarPicker-root{width:250px}.MuiCalendarPicker-root>div:first-child{padding-left:12px;padding-right:8px;margin-bottom:0}.MuiCalendarPicker-root>div:first-child>div:last-child>div{width:4px}.PrivatePickersSlideTransition-root{min-height:230px}button.MuiPickersDay-root.Mui-selected{width:35px;height:31px}.day-stats-container{display:flex;flex-direction:row;flex-grow:1;flex-basis:300px;min-width:300px}.day-stats{display:flex;flex-direction:column;width:100%;gap:60px}.secondary{font-weight:400px;opacity:.5}.day-metrics{padding:0 40px;display:flex;flex-direction:row;justify-content:space-between;gap:20px;align-items:center}.fade-in{opacity:0;animation:fadeIn 1s forwards;animation-delay:calc(var(--fade-order) * .05s)}.total{display:flex;flex-direction:column;align-items:center;text-align:center}.total{margin:0;font-size:14px}.fade-in:nth-child(1){--fade-order: 0}.fade-in:nth-child(2){--fade-order: 1}.fade-in:nth-child(3){--fade-order: 2}.fade-in:nth-child(4){--fade-order: 3}.fade-in:nth-child(5){--fade-order: 4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 1100px){.usage-history-content{gap:20px}.day-metrics{gap:5px;padding:0}}.chat-bot{display:flex;flex-direction:column;flex-basis:300px;flex-grow:1;justify-content:space-between;min-height:300px}.chat-bot-content{max-height:300px;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px}@media screen and (max-width: 768px){.dashboard-sections{padding:0 5px}.latest-puff{text-align:center;padding:20px}.chat-bot-content{min-height:500px}}.chat-messages{display:flex;flex-direction:column;flex:1;flex-basis:300px;overflow-y:auto;padding:10px;overflow-y:scroll}.chat-message{display:flex;margin-bottom:10px}.chat-message.user{justify-content:flex-end}.chat-message.bot{justify-content:flex-start}.message-bubble{max-width:80%;padding:10px 15px;border-radius:20px;background-color:#e0e0e0;color:#000;font-size:14px}.chat-message.user .message-bubble{background-color:#7692ff;color:#fff;border-bottom-right-radius:0}.chat-message.bot .message-bubble{background-color:#e0e0e0;color:#000;border-bottom-left-radius:0}.chat-input{display:flex;padding:10px;border-top:1px solid #ccc}.chat-input input{flex:1;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:20px;outline:none}.chat-input button{background:none;border:none;outline:none;cursor:pointer;padding:0 10px;color:#7692ff}.chat-input button:hover{color:#5670d7}.chat-input button:disabled{color:#ccc;cursor:not-allowed}.heart-icon{animation:heartbeat 1s infinite;transform-origin:center}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}to{transform:scale(1)}}.bed-icon{animation:rotate 4s infinite;transform-origin:center}@keyframes rotate{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(0)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}@keyframes run{0%{transform:translate(-100%)}to{transform:translate(0)}}.dashboard-section{padding:20px;border-radius:20px;background:#7692ff40;min-width:300px}.section-content-cutoff{display:flex;flex-direction:column;justify-content:center;height:100%}