@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;transition:none}}body,html{height:100%;scroll-behavior:smooth}body.light-mode,body{--primary-color: #007bff;--secondary-color: #6c757d;--background-color: #ffffff;--input-background-color: #ffffff;--slate-background-color: #f8f9fa;--danger-color: #dc3545;--primary-color-hover: #0056b3;--secondary-color-hover: #5a6268;--primary-color-disabled: #b3d7ff;--text-color: #333333;--button-text-color: #ffffff;--button-border-color: var(--primary-color);--success-color: #28a745;--link-color: #007bff;--link-hover-color: #0056b3;--font-family: "Roboto", sans-serif;--box-shadow: rgba(60, 64, 67, .3) 0px 1px 2px 0px, rgba(60, 64, 67, .15) 0px 2px 6px 2px;--border-rotate-color: hsl(190deg 20% 10%)}body.dark-mode{--primary-color: #007bff;--secondary-color: #6c757d;--background-color: #333333;--input-background-color: #c7c7c7;--slate-background-color: #494949;--danger-color: #fa7374;--primary-color-hover: #0056b3;--secondary-color-hover: #5a6268;--primary-color-disabled: #b3d7ff;--text-color: #c7c7c7;--button-text-color: #ffffff;--button-border-color: black;--success-color: #64e681;--link-color: #007bff;--link-hover-color: #0056b3;--font-family: "Roboto", sans-serif;--box-shadow: rgba(60, 64, 67, .3) 0px 1px 2px 0px, rgba(60, 64, 67, .15) 0px 2px 6px 2px;--border-rotate-color: hsl(190deg 20% 10%)}@media (prefers-color-scheme: dark){body{--primary-color: #007bff;--secondary-color: #6c757d;--background-color: #333333;--input-background-color: #c7c7c7;--slate-background-color: #494949;--danger-color: #fa7374;--primary-color-hover: #0056b3;--secondary-color-hover: #5a6268;--primary-color-disabled: #b3d7ff;--text-color: #c7c7c7;--button-text-color: #ffffff;--button-border-color: black;--success-color: #64e681;--link-color: #007bff;--link-hover-color: #0056b3;--font-family: "Roboto", sans-serif;--box-shadow: rgba(60, 64, 67, .3) 0px 1px 2px 0px, rgba(60, 64, 67, .15) 0px 2px 6px 2px;--border-rotate-color: hsl(190deg 20% 10%)}}html,body{height:100%}body{font-family:var(--font-family);color:var(--text-color);background-color:var(--background-color)}#root{display:flex;flex-direction:column;min-height:100%}#root .App{flex:1}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px}:root{--transition-speed: .3s}h1{border-bottom:3px solid var(--secondary-color);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}h2{margin:var(--spacing-md)}h2.thinking{display:flex;gap:var(--spacing-xs)}h2.thinking:after{content:"🧠";text-align:center;transition:all .35s;animation:fade 2s ease-in-out infinite}.animate-fade{transition:opacity var(--transition-speed) ease-in-out}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover-color)}a:visited{color:var(--link-color)}p.nlbr{padding-bottom:var(--spacing-md);line-height:120%}nav{overflow:hidden;padding-bottom:10px}nav .nav-wrapped{display:flex;gap:var(--spacing-md);align-items:center;padding:0 var(--spacing-md);background-color:var(--background-color);box-shadow:0 -5px 14px #0006}nav .nav-wrapped .main{font-size:3rem;color:var(--text-color);font-weight:700}nav .nav-wrapped .main.connected{color:var(--success-color)}nav .nav-wrapped .main.disconnected{color:#737373}nav .nav-wrapped .items-holder{display:flex;gap:var(--spacing-md);flex:1;justify-content:space-around}nav .nav-wrapped .items-holder .menu-item{color:var(--text-color);padding:var(--spacing-sm) var(--spacing-md)}nav .nav-wrapped .items-holder .menu-item.active{color:var(--primary-color);border-bottom:3px solid var(--primary-color)}.app-route{padding:var(--spacing-md)}.form-group{display:flex;flex-direction:column;margin:var(--spacing-sm) 0}.form-group.slate{background-color:var(--slate-background-color);padding:var(--spacing-md);border-radius:5px;box-shadow:var(--box-shadow)}.form-group label{margin:var(--spacing-xs) 0}.form-group label input[type=file],.form-group label textarea{width:100%}.form-group .row-items{display:flex;gap:var(--spacing-sm);align-items:center}.form-group .row-items.reverse{flex-direction:row-reverse;justify-content:flex-end}.form-group .checkbox-label{display:flex;gap:var(--spacing-xs)}.form-group textarea,.form-group select,.form-group input[type=text],.form-group input[type=number],.form-group input[type=time]{padding:var(--spacing-sm);border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-top:var(--spacing-xs);background-color:var(--input-background-color)}.form-group textarea:focus,.form-group select:focus,.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group input[type=time]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 .2rem #007bff40}.form-group input[type=checkbox]{width:1rem;height:1rem}.day-goals-hider{max-height:0;overflow:hidden;transition:all var(--transition-speed)}.day-goals-hider.use-custom-goals{max-height:500px;transition:all var(--transition-speed)}input[type=file],.btn,button{border:1px solid var(--button-border-color);padding:var(--spacing-md) var(--spacing-lg);border-radius:5px;cursor:pointer;font-weight:700;transition:background-color var(--transition-speed)}input[type=file].primary,.btn.primary,button.primary{background-color:var(--primary-color);color:var(--button-text-color)}input[type=file].primary:hover,.btn.primary:hover,button.primary:hover,input[type=file].primary:active,.btn.primary:active,button.primary:active{background-color:var(--primary-color-hover)}input[type=file].primary:disabled,.btn.primary:disabled,button.primary:disabled{background-color:var(--primary-color-disabled);cursor:not-allowed}input[type=file].primary.thinking,.btn.primary.thinking,button.primary.thinking{display:flex;gap:var(--spacing-xs)}input[type=file].primary.thinking:after,.btn.primary.thinking:after,button.primary.thinking:after{content:"🧠";text-align:center;transition:all .35s;animation:fade 2s ease-in-out infinite}input[type=file].primary.success,.btn.primary.success,button.primary.success{display:flex;gap:var(--spacing-xs)}input[type=file].primary.success:after,.btn.primary.success:after,button.primary.success:after{content:"✅";text-align:center}input[type=file].danger,.btn.danger,button.danger{background-color:var(--danger-color);color:var(--button-text-color)}input[type=file].icon,.btn.icon,button.icon{display:flex;justify-content:center;align-items:center}.ReactModal__Overlay--after-open{z-index:1001}.ReactModal__Overlay--after-open .ReactModal__Content{box-shadow:var(--box-shadow);background-color:var(--background-color);bottom:auto;left:50%;padding:var(--spacing-md);position:fixed;right:auto;top:50%;transform:translate(-50%,-50%);min-width:90vw;max-height:90vh;overflow:auto}.ReactModal__Overlay--after-open .ReactModal__Content .actions{display:flex;justify-content:space-between;margin-top:var(--spacing-md)}.calendar-today{display:block;margin:1rem auto}.react-calendar{margin:0 auto}.offline{background:var(--danger-color);color:#fff;position:fixed;top:0;left:0;width:100%;padding:.5em;text-shadow:1px 1px 1px var(--text-color);text-align:center}.upload-previews{margin-top:var(--spacing-md);display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.upload-previews .img-container{position:relative;width:150px;height:150px;border:1px solid var(--button-border-color);border-radius:5px;overflow:hidden}.upload-previews .img-container img{width:100%;height:100%;object-fit:cover}.upload-previews .img-container button.delete{position:absolute;top:5px;right:5px;opacity:.8}.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;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}h1{display:flex;justify-content:space-between;align-items:center}h1.today .badge{font-size:.5em;color:var(--success-color)}h1.past .value{opacity:.5}h2.meal-log{display:flex;gap:var(--spacing-sm);cursor:pointer}h2.meal-log .expander.expanded{transform:rotate(90deg)}h2.macro-title{padding-left:var(--spacing-lg)}.no-entries-button{margin:20px auto;display:block}.expand-log-wrapper{cursor:pointer;height:var(--spacing-lg);display:flex;justify-content:center}.current-entries.tabs{overflow:hidden}.current-entries.tabs input{position:absolute;opacity:0;z-index:-1}.current-entries.tabs .tab{width:100%;overflow:hidden;border:1px solid var(--text-color);border-radius:5px;box-shadow:var(--box-shadow);background-color:var(--slate-background-color);margin-bottom:var(--spacing-md)}.current-entries.tabs .tab.thinking{--border-angle: 0deg;animation:border-angle-rotate 2s infinite linear;border:5px solid transparent;background:linear-gradient(var(--background-color),var(--background-color)) padding-box,conic-gradient(from var(--border-angle),var(--border-rotate-color) 50%,white) border-box}.current-entries.tabs .tab.thinking .tab-label:after{content:"🧠";width:var(--spacing-md);height:var(--spacing-md);text-align:center;transition:all .35s;animation:fade 2s ease-in-out infinite}.current-entries.tabs .tab.thinking .progress-container{display:block}.current-entries.tabs .tab-label{display:flex;justify-content:space-between;padding:var(--spacing-md);cursor:pointer}.current-entries.tabs .tab-label .entry-content{display:flex;gap:var(--spacing-sm);align-items:center}.current-entries.tabs .tab-label .entry-content .indicator-good{color:var(--success-color)}.current-entries.tabs .tab-label .entry-content .indicator-bad{color:var(--danger-color)}.current-entries.tabs .tab-label:after{content:"❯";width:var(--spacing-md);height:var(--spacing-md);text-align:center;transition:all .35s}.current-entries.tabs .tab-content{max-height:0;padding:0 var(--spacing-md);transition:all .35s}.current-entries.tabs .tab-content .analysis,.current-entries.tabs .tab-content .actions{padding-top:var(--spacing-md)}.current-entries.tabs .tab-close{display:flex;justify-content:flex-end;padding:var(--spacing-md);font-size:.75em;cursor:pointer}.current-entries.tabs .tab .progress-container{display:none;width:100%;max-width:600px;height:5px;background-color:#ddd;border-radius:15px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.current-entries.tabs .tab .progress-container .bar{height:100%;width:0;background:linear-gradient(90deg,#4caf50,#76c7c0);animation:progress 10s linear forwards}.current-entries.tabs input:checked+.tab-label:after{transform:rotate(90deg)}.current-entries.tabs input:checked~.tab-content{max-height:150vh;padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.current-entries .actions{display:flex;gap:var(--spacing-sm);cursor:pointer;align-items:baseline;justify-content:space-between}.macro-goal-bars{margin-bottom:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:var(--spacing-md);grid-row-gap:var(--spacing-md)}.macro-goal-bars .goal .titles{display:flex;justify-content:space-between}.macro-goal-bars .goal .outer{position:relative;height:10px;width:100%;border:1px solid var(--text-color);background-color:var(--danger-color)}.macro-goal-bars .goal .outer .good-range{position:absolute;top:0;left:var(--left);width:var(--width);height:100%;background-color:var(--success-color)}.macro-goal-bars .goal .outer .current-overlay{position:absolute;top:2px;left:0;width:var(--width);height:calc(100% - 4px);background-color:var(--background-color);opacity:.8}.macro-goal-bars .goal .outer .arrow-up{position:absolute;left:calc(var(--left) + 2.5px);top:calc(100% + 2px);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--text-color)}.macro-goal-bars .goal .outer .clock-position{position:absolute;left:calc(var(--left) - 7px);top:calc(100% + 2px)}.floating-add-entry{position:fixed;bottom:50px;z-index:1000;border-radius:50%;width:70px;height:70px;background-color:var(--primary-color);color:var(--button-text-color);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color var(--transition-speed);box-shadow:0 2px 5px 4px #0000004d;font-size:40px;font-weight:700}.floating-add-entry.left-handed{left:20px}.floating-add-entry.right-handed{right:20px}.floating-quick-entry{position:fixed;bottom:50px;z-index:1000;border-radius:50%;width:70px;height:70px;color:var(--button-text-color);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color var(--transition-speed);box-shadow:0 2px 5px 4px #0000004d;font-size:40px;font-weight:700}.floating-quick-entry.left-handed{left:110px}.floating-quick-entry.right-handed{right:110px}.floating-quick-entry.expanded{background-color:var(--danger-color)}.floating-quick-entry.collapsed{background-color:var(--success-color)}.quick-items{position:fixed;bottom:130px;z-index:1000;max-height:300px;transition:all var(--transition-speed);overflow:auto;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:35px;background-color:#00000080}.quick-items.collapsed{max-height:0;padding:0}.quick-items.left-handed{left:calc(110px - var(--spacing-md))}.quick-items.right-handed{right:calc(110px + var(--spacing-md))}.quick-items button{background-color:var(--success-color);color:var(--button-text-color);height:70px;border-radius:70px;box-shadow:0 2px 5px 4px #0000004d;display:flex;align-items:center;gap:var(--spacing-sm);padding-left:var(--spacing-md);text-shadow:0px 0px 7px #000000}.quick-items button .square-icon{width:50px}.save-meal textarea{height:10vh}.autosuggestions .item{border:1px solid gray;border-radius:5px;margin-top:3px;padding:.5em;display:flex}.autosuggestions .item .text{flex:1}.autosuggestions .item .photo{max-width:50%;background-color:gray}.add-entry .reuse{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--spacing-md);border:1px solid var(--text-color);border-radius:5px}.add-entry .actions{display:flex;justify-content:space-between;margin-top:var(--spacing-md)}.add-entry .entry-text-container{display:flex;gap:var(--spacing-sm)}.add-entry .entry-text-container button{margin-top:var(--spacing-xs)}.add-entry .frequent-meals{padding-top:var(--spacing-md)}.tomorrow-tip{margin:var(--spacing-md) 0}@keyframes border-angle-rotate{0%{--border-angle: 0deg}to{--border-angle: 360deg}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes progress{0%{width:0}to{width:100%}}@keyframes fade{0%,to{opacity:0}50%{opacity:1}}.day-note{border:1px solid var(--text-color);border-radius:5px;background-color:var(--slate-background-color);box-shadow:var(--box-shadow);margin-bottom:var(--spacing-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);cursor:pointer}.day-note .note-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.day-note .note-header .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:var(--secondary-color)}.day-note .note-content form{display:flex;gap:var(--spacing-sm)}.day-note .note-content form textarea{flex:1;padding:var(--spacing-sm)}.stats-tab-container{padding-bottom:120px}.stats-tab-container .stats-tab-header{display:flex;gap:var(--spacing-md);justify-content:center;--icon-size: 60px;height:calc(var(--icon-size) - 16px)}.stats-tab-container .stats-tab-header .icon-container{width:var(--icon-size);height:var(--icon-size);display:flex;align-items:center;justify-content:center;border:1px solid var(--text-color);border-radius:50%;background-color:var(--background-color);z-index:1}.stats-tab-container .stats-tab-header .icon-container.selected{color:var(--primary-color);box-shadow:var(--box-shadow);z-index:3}.stats-tab-container .stats-content{border:1px solid var(--text-color);border-radius:var(--spacing-sm);padding:var(--spacing-md);position:relative;z-index:2;background-color:var(--slate-background-color)}footer{text-align:center;color:var(--secondary-color);font-size:.875rem}.error-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;background:#d32f2f;color:#fff;text-align:center}.error-banner__message{font-weight:500}.error-banner__close{background:transparent;border:none;color:inherit;font-size:20px;line-height:1;cursor:pointer;padding:0 4px}.onboarding{position:absolute;top:0;left:auto;background-color:var(--background-color);width:95vw;padding:var(--spacing-md);overflow:auto}.onboarding .step{display:none}.onboarding .step.active{display:block}.onboarding .step .content{margin:40px 0}.onboarding .step .navigation{display:flex;justify-content:space-between}.onboarding .good-to-go .content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.select-dark-mode .content .choices,.select-language .content .choices{display:flex;gap:var(--spacing-lg);justify-content:space-around;flex-wrap:wrap}.select-dark-mode .content .choices .item,.select-language .content .choices .item{background-color:var(--slate-background-color);padding:var(--spacing-lg);cursor:pointer;border:1px solid var(--text-color);border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.select-dark-mode .content .choices .item.selected,.select-language .content .choices .item.selected{border-color:var(--primary-color);color:var(--primary-color)}.select-tone .content .items{display:flex;flex-direction:column;gap:var(--spacing-md)}.select-tone .content .items .item{background-color:var(--slate-background-color);padding:var(--spacing-lg);cursor:pointer;border:1px solid var(--text-color);border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.select-tone .content .items .item.selected{border-color:var(--primary-color);color:var(--primary-color)}.select-tone .content .items .item .example{font-style:italic}.select-goals .selector{display:flex;flex-direction:column;gap:var(--spacing-md)}.select-goals .selector .item{background-color:var(--slate-background-color);padding:var(--spacing-lg);cursor:pointer;border:1px solid var(--text-color);border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.select-goals .selector .item.selected{border-color:var(--primary-color);color:var(--primary-color)}.profile-index ul{list-style:none}.profile-index ul li a{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md) 0;color:var(--text-color);font-size:1.5rem}.profile-index ul li a .icon{min-width:30px}.profile-page .header{font-size:2rem;overflow:hidden;padding-bottom:10px;position:fixed;width:100%;z-index:1000;top:0;left:0}.profile-page .header .header-wrapped{padding:0 var(--spacing-md);background-color:var(--background-color);box-shadow:0 -5px 14px #0006;position:relative}.profile-page .header .header-wrapped .title{text-align:center;padding:var(--spacing-md) 0}.profile-page .header .header-wrapped .back{position:absolute;left:0;top:0}.profile-page .header .header-wrapped .back a{display:block;width:50vw;padding:var(--spacing-md);color:var(--text-color)}.select-quick-items .selected-icon{width:30px;text-align:center}.select-quick-items .actions{display:flex;justify-content:space-between}.switch-container{display:flex;align-items:center;justify-content:space-between;font-size:1.5rem}.switch-container .text-label{flex:1;padding:var(--spacing-md) 0}.switch{position:relative;display:inline-block;width:3.5em;height:2em}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;border:2px solid #414141;border-radius:50px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.slider:before{position:absolute;content:"";height:1.4em;width:1.4em;left:.2em;bottom:.2em;background-color:var(--primary-color);border-radius:inherit;transition:all .4s cubic-bezier(.23,1,.32,1)}.switch input:checked+.slider{box-shadow:0 0 20px var(--primary-color);border:2px solid var(--primary-color)}.switch input:checked+.slider:before{transform:translate(1.5em)}.whatsnew-modal h2{text-align:right}.whatsnew-modal h3{padding:var(--spacing-md) 0}.whatsnew-modal ul{list-style-position:inside}.whatsnew-modal ul li{padding:var(--spacing-xs) 0}.whatsnew-modal hr{margin:var(--spacing-md) 0}.whatsnew-modal button{display:block;margin:var(--spacing-lg) auto}.chat-index,.chat-index .chat-listing{display:flex;flex-direction:column;gap:var(--spacing-md)}.chat-index .chat-listing .item{border:1px solid var(--text-color);border-radius:5px;background-color:var(--slate-background-color);box-shadow:var(--box-shadow);display:flex;justify-content:space-between;align-items:center}.chat-index .chat-listing .item .text{padding:var(--spacing-md);flex:1;display:flex;align-items:center;align-self:stretch;color:var(--text-color)}.chat-index .chat-listing .item .wait-delete-button-container{padding:var(--spacing-md)}.wait-delete-button-container button{color:var(--danger-color);border:1px solid var(--danger-color);background-color:transparent}.wait-delete-button-container button.waiting{color:var(--background-color);background-color:var(--danger-color)}.wait-delete-button-container.waiting .progress-container{height:5px;background-color:#ddd}.wait-delete-button-container.waiting .progress-container .bar{height:100%;width:0;background-color:var(--danger-color);animation:progress 3s linear forwards}.chat-thread-container{height:calc(100dvh - 225px);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.chat-thread-container .suggest-container{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;margin:var(--spacing-lg) 0}.chat-thread-container button.apply-suggestion{background:none;text-align:left;color:var(--text-color);border-color:var(--text-secondary-color);font-weight:400;opacity:.8}.chat-thread-container .initial-upload{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0;text-align:center;color:var(--text-color)}.chat-thread-container .initial-splash p{font-size:1.2em;color:var(--text-secondary-color);text-align:center}.chat-thread-container .send-message-container{position:fixed;bottom:calc(var(--spacing-md) + 20px);left:0;right:0;padding:0 var(--spacing-md);display:flex;gap:var(--spacing-sm);align-items:center}.chat-thread-container .send-message-container.with-messages textarea{height:40px}.chat-thread-container .send-message-container.with-messages button.send{padding:var(--spacing-sm)}.chat-thread-container .send-message-container.with-messages button.upload{padding:var(--spacing-sm);display:block}.chat-thread-container .send-message-container button.upload{display:none}.chat-thread-container .send-message-container textarea{width:100%;height:74px;padding:var(--spacing-sm);border:1px solid var(--button-border-color);border-radius:5px;resize:vertical}.chat-thread-container .send-message-container button.send{background-color:var(--primary-color);color:var(--button-text-color);border:none;padding:var(--spacing-md) var(--spacing-lg)}.chat-thread-container .send-message-container button.send:disabled{background-color:var(--button-border-color);cursor:not-allowed}.chat-thread-container #file-upload,.chat-thread-container #file-upload2{display:none}.chat-thread-container .messages-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.chat-thread-container .messages-wrapper .message{color:var(--text-color);padding:var(--spacing-sm);background-color:var(--slate-background-color);border-radius:5px}.chat-thread-container .messages-wrapper .message p{white-space:pre-wrap;line-height:1.3em}.chat-thread-container .messages-wrapper .message.sender-user{max-width:90%;align-self:flex-end;border-right:1px solid var(--success-color)}.chat-thread-container .messages-wrapper .message.sender-assistant{max-width:90%;align-self:flex-start;border-left:1px solid var(--success-color)}.chat-thread-container .messages-wrapper .message.type-tool{text-align:center;border:0;color:var(--secondary-color);background:none}.chat-thread-container .messages-wrapper .message.type-tool p.last{animation:softGlow 2.5s ease-in-out infinite}.chat-thread-container .messages-wrapper .options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.chat-thread-container .messages-wrapper .options button{align-self:flex-end;max-width:90%;position:relative;padding:var(--spacing-sm) var(--spacing-md);font-weight:400}.chat-thread-container .messages-wrapper .options button svg{position:absolute;left:0;top:50%;transform:translateY(-50%) translate(-150%);color:var(--primary-color)}@keyframes softGlow{0%,to{opacity:.65}50%{opacity:1;filter:brightness(1.2)}}.chat-thread-title-form{display:flex;align-items:center;gap:var(--spacing-sm)}.chat-thread-title-form textarea{align-self:stretch;padding:var(--spacing-sm);flex:1}