:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.react-calendar{width:100%;max-width:100%;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}#root{width:1500px;*/ max-width: 100%;margin:0 auto;padding:0rem;text-align:center;align-self:baseline}.days-without-symptoms-mobile{display:none}.tab-icon{font-size:18px;display:inline-block;vertical-align:middle;margin-right:5px}.tab-label{font-size:18px;display:inline-block;vertical-align:middle}@media(max-width:768px){.days-without-symptoms-desktop{display:none!important}.days-without-symptoms-mobile{display:block;width:95%;margin:10px auto 20px}.journal-header{flex-wrap:wrap;justify-content:center!important;margin-bottom:0!important;padding-bottom:0!important}.journal-header .header-left{order:1;flex-basis:100%;justify-content:center;margin-bottom:10px}.journal-header .header-left h1{font-size:1.5em!important}.header-right{order:2;text-align:center!important;margin-top:0;padding-bottom:10px}.entry-tab-buttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;min-width:60px}.tab-icon{margin-right:0;margin-bottom:2px;font-size:20px}.tab-label{font-size:14px;text-align:center;white-space:normal}.tab-bar button{padding:4px!important}}.logout-button{background-color:#fff;color:#dc3545;border:solid 1px #dc3545;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:.9em;transition:background-color .2s}.logout-button:hover{background-color:#c82333;color:#fff}.logo{height:6em;padding:0;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}.App{font-family:Arial,sans-serif;text-align:center;padding:0}.auth-form{max-width:400px;margin:0;padding:25px;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;background-color:#f9f9f9;text-align:left}.auth-form0{position:static;justify-self:center}.entry-form-narrow{max-width:100%}.auth-form h2,.auth-form h3{text-align:center;color:#333;margin-bottom:20px;border-bottom:2px solid #007bff;padding-bottom:5px}.auth-form div{margin-bottom:15px}.auth-form label{display:block;margin-bottom:5px;font-weight:700;color:#555}.auth-form input[type=email],.auth-form input[type=password]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.auth-form button{width:100%;padding:10px;margin-top:10px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.auth-form button[type=submit]{background-color:#007bff;color:#fff;font-weight:700}.auth-form button[type=submit]:hover{background-color:#0056b3}.auth-form .toggle-button{background-color:#e9ecef;color:#555}.auth-form .toggle-button:hover{background-color:#d8d8d8}.error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:4px;margin-bottom:15px;text-align:center}.journal-container{max-width:1400px;margin:0 auto;padding:20px}.success-message{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;padding:10px;border-radius:4px;margin-top:15px;text-align:center;font-weight:700}.error-message{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:4px;margin-top:15px;text-align:center}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=datetime-local],.auth-form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.food-list-table-container{overflow-x:auto}.food-list-table{width:100%;table-layout:fixed;border-collapse:collapse}.food-list-table th,.food-list-table td{border-bottom:1px solid #f0f0f0;padding:8px 5px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.food-list-table .actions-cell{display:table-cell!important;min-width:100px;text-align:center}.food-list-table th:nth-child(3){display:table-cell!important}.food-list-table .actions-cell{display:table-cell!important;min-width:100px!important;text-align:center!important;padding:8px 5px!important}.actions-cell button{display:inline-block!important;visibility:visible!important;background-color:#f8f9fa!important;border:1px solid #ccc!important;border-radius:4px!important;cursor:pointer!important;padding:5px 8px!important;margin:0 4px!important;font-size:.8em!important;line-height:1!important}.actions-cell .edit-button:hover{background-color:#ffc107!important;border-color:#ffc107!important}.actions-cell .delete-button:hover{background-color:#dc3545!important;color:#fff!important;border-color:#dc3545!important}.actions-cell .edit-button:hover{background-color:#ffc107;border-color:#ffc107}.actions-cell .delete-button:hover{background-color:#dc3545;color:#fff;border-color:#dc3545}.food-list-table th:nth-child(1),.food-list-table td:nth-child(1){width:140px;padding-right:10px;text-align:center;white-space:normal}.food-list-table th:nth-child(2),.food-list-table td:nth-child(2){width:auto!important;max-width:none!important;min-width:150px;white-space:normal}.food-list-table th:nth-child(3),.food-list-table td:nth-child(2){width:100px!important}.food-list-table tbody tr:hover{background-color:#f5f5f5;cursor:pointer}.filter-container{padding:25px;background-color:#f7f7f7;border-radius:8px;margin-bottom:0;border:1px solid #e0e0e0}.filter-container h3{margin:0 0 10px;font-size:1.1em;font-weight:600;color:#333}.filter-group{display:flex;gap:20px}.filter-item{display:flex;align-items:center;gap:5px}.filter-item label{font-weight:700;color:#555}.filter-item select{padding:6px 10px;z-index:10;border:1px solid #ccc;border-radius:4px;min-width:100px}.reset-filter-button{margin-left:-2px;background:none;border:1px solid #ccc;color:#a0a0a0;padding:2px 7px;border-radius:4px;cursor:pointer;font-weight:700;line-height:1;transition:background-color .2s,color .2s}.reset-filter-button:hover{background-color:#f0f0f0;color:#333;border-color:#a0a0a0}.login{background:#fff}.app-logo-large{height:200px;margin:20px auto;display:block}.app-logo-small{height:100px;margin:0;vertical-align:middle}.journal-header{width:100%;text-align:left}.journal-page-container{max-width:1100px;margin:0 auto;padding:20px}.tabs-container{display:flex;justify-content:center;margin-bottom:25px;border-bottom:2px solid #e0e0e0}.tabs-container button{background:none;border:none;padding:10px 20px;font-size:1.1em;cursor:pointer;color:#666;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-2px}.tabs-container button:hover{color:#333;background-color:#f5f5f5}.tabs-container button.active-tab{//color: #0d47a1;font-weight:700;border-bottom:2px solid #0d47a1;background-color:#e3f2fd}.tab-bar{display:flex;justify-content:center;margin-bottom:20px;position:sticky;top:0;background-color:#fff;z-index:1000;padding-top:5px;padding-bottom:5px;box-shadow:0 3px #0000001a}.tab-button{padding:10px 20px;margin:0 5px;border:none;background-color:transparent;cursor:pointer;font-size:1.1em;font-weight:600;color:#666;border-bottom:3px solid transparent;transition:all .3s ease}.tab-button:hover{color:#333;border-bottom-color:#aaa}.tab-button.active{color:#007bff;border-bottom-color:#007bff}.action-cell{width:80px;text-align:right;white-space:nowrap}.actions-cell button{visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}.row-actions{opacity:0;transition:opacity .2s ease-in-out;display:flex;gap:8px;justify-content:flex-end}.food-list-table tr:hover .actions-cell button,.food-list-table tr.show-actions-mobile .actions-cell button{visibility:visible;opacity:1}.icon-btn{background:none;border:none;cursor:pointer;font-size:1.2em;padding:0;transition:transform .2s}.icon-btn:hover{transform:scale(1.2)}.edit-btn{color:#007bff}.delete-btn{color:#dc3545}.food-mark:after{content:"🍔";font-size:.9em;position:absolute;bottom:5px;right:50%;transform:translate(0);line-height:1}.symptom-mark:before{content:"🤕";font-size:.9em;position:absolute;bottom:5px;left:50%;transform:translate(0);line-height:1}.react-calendar{border-radius:8px;box-shadow:0 4px 8px #0000001a;border:1px solid #ddd}.react-calendar button{border:1px solid #eee}.react-calendar__tile--now{background:#e6f6ff}.react-calendar__tile{border-right:1px solid #eee;border-bottom:1px solid #eee;position:relative;height:60px;padding-top:10px}.react-calendar__tile--active{background:#007bff;color:#fff}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e9e9e9}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#0069d9}