:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fbf6e3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#e9edc9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#ccd5ae}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#000;background-color:#faedcd}a:hover{color:#747bff}button{background-color:#e9edc9}}h1{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.2;text-align:center;color:#196854;text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.1);animation:fadeIn .8s ease-in;position:relative}h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:#196854;border-radius:2px}p{text-align:center;color:#4a4a4a;font-size:clamp(1rem,2vw,1.2rem);margin-bottom:2rem;animation:fadeIn 1s ease-in;line-height:1.6}.functionality-container{background-color:#fff;padding:clamp(1rem,2vw,2rem);margin:clamp(.5rem,1.5vw,1.5rem);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 4px 12px #00000014;gap:20px;position:relative;overflow:hidden}.functionality-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#da325d,#ff4778)}.image-button-container{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.image-container{width:clamp(180px,70vw,280px);height:clamp(180px,70vw,280px);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px dashed #da325c70;background:#f8f8f8;box-shadow:0 2px 8px #0000000f}.placeholder{color:#6c6c6c;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#f0f0f0,#e6e6e6);border-radius:12px;font-size:clamp(.9rem,2vw,1.2rem);padding:1rem}.food-image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.food-image:hover{transform:scale(1.08)}input[type=file]{display:none}.custom-file-upload{display:inline-block;padding:.8rem 1.2rem;background:linear-gradient(135deg,#da325d,#ff4778);color:#fff;border-radius:8px;cursor:pointer;font-size:clamp(.9rem,2vw,1.1rem);text-align:center;width:clamp(160px,70%,240px);box-shadow:0 2px 8px #da325d33;font-weight:500}.analysis-container{background:linear-gradient(135deg,#da325c62,#ff477862);border-radius:12px;font-size:1rem;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:1.2rem;box-shadow:0 2px 8px #da325d1f;min-height:260px}.analysis{width:100%;min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:.8rem}.analysis p{margin:0;padding:1rem;color:#fff;background:#da325d33;border-radius:8px;box-shadow:0 1px 3px #0000001a;font-weight:600;letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.analysis-placeholder{font-size:.95rem;color:#fff;text-align:center;padding:1rem;min-height:220px;display:flex;align-items:center;justify-content:center}.spinner{width:40px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin:0 auto}.loading-text{margin-top:12px;font-size:.95rem;text-align:center;color:#fff}@media (min-width: 758px){.functionality-container{flex-direction:row;align-items:stretch;gap:25px}.image-button-container{width:42%}.analysis-container{width:58%;text-align:left;background:linear-gradient(135deg,#da325d80,#ff477880);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #da325d26,inset 0 0 0 1px #ffffff1a}.analysis{gap:1rem}.analysis p{padding:1.2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000001a,inset 0 0 0 1px #ffffff1a;transform-origin:left center}.analysis p:hover{transform:scale(1.02) translate(5px);background:#ffffff26;box-shadow:0 6px 16px #0000001f,inset 0 0 0 1px #fff3}.analysis p:first-child{background:#ffffff26;font-size:1.1rem}.analysis p:nth-child(2){background:#ffffff1f;font-size:1.05rem}}@keyframes analyzing{0%{content:"Analyzing"}33%{content:"Analyzing."}66%{content:"Analyzing.."}to{content:"Analyzing..."}}div:empty:before{display:none}.error{color:#da325d;background:#da325d1a;padding:1.2rem;border-radius:12px;text-align:center;animation:shake .5s ease-in-out;box-shadow:0 4px 8px #da325d26;margin:1rem 0}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes spin{to{transform:rotate(360deg)}}.tracker-container{padding:20px;margin:20px auto;max-width:1200px;background:#fffffff2;border-radius:12px;box-shadow:0 4px 6px #0000001a}.tracker-container h1{font-size:clamp(1.5rem,5vw,2.5rem);text-align:center;color:#196854;margin-bottom:2rem;padding-bottom:1rem;position:relative}.tracker-container h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:#da325d;border-radius:2px}.tracker-container h2{color:#333;margin-bottom:20px;font-size:1.8rem;font-weight:600}.tracker-table{width:100%;border-collapse:collapse;margin-top:15px;background:#fff;border-radius:8px;overflow:hidden}.tracker-table th{background-color:#f8f9fa;padding:12px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6}.tracker-table td{padding:12px;border-bottom:1px solid #dee2e6;color:#495057}.tracker-table tr:hover{background-color:#f8f9fa}.tracker-table ul{list-style:none;padding:0;margin:0}.tracker-table li{margin:4px 0}.date-time{color:#196854;font-weight:500;white-space:nowrap;padding-top:10px}.food-description{font-weight:400;color:#333;line-height:1.6}.delete-button{width:30px;height:30px;border-radius:50%;border:1px solid rgba(220,53,69,.5);background:transparent;color:#dc3545;cursor:pointer;transition:all .2s ease;opacity:.6;display:flex;align-items:center;justify-content:center;font-size:18px}.delete-button:hover{background:#dc35451a;border-color:#dc3545;opacity:1;transform:scale(1.05)}.delete-button:active{transform:scale(.95)}tr:hover .delete-button{opacity:1}@media screen and (max-width: 768px){.tracker-container{padding:15px;margin:10px}.tracker-table{border:1px solid #dee2e6}.tracker-table thead{display:none}.tracker-table tr{display:block;margin-bottom:15px;border-bottom:2px solid #dee2e6;background:#fff;padding:10px}.tracker-table td{display:block;text-align:left;padding:8px 15px;border:none}.tracker-table td:before{content:attr(data-label);font-weight:600;margin-right:10px;color:#495057}.tracker-table ul{margin:0}.tracker-table li{padding:8px 0;border-bottom:1px solid #eee}.tracker-table li:last-child{border-bottom:none}.delete-button{margin:10px auto}}@media screen and (min-width: 769px) and (max-width: 1024px){.tracker-container{padding:20px;margin:15px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#root{max-width:100%;margin:0 auto;text-align:center}body{display:flex;place-items:center}@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}.placeholder{text-align:center;padding:2rem;margin-top:2rem}.placeholder h2{color:#333;margin-bottom:1rem}.placeholder p{color:#666}