body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden}.App{align-items:center;flex-direction:column;padding:0 10px}.App,.App-header{display:flex;font-family:Helvetica,Arial,sans-serif;width:100%}.App-header{background-color:#fff;border-bottom:1px solid #ccc;font-size:clamp(14px,1.5vw,20px);justify-content:space-between;padding:1%}.right-controls{align-items:center;display:flex;gap:20px}.hamburger{cursor:pointer;display:flex;flex-direction:column;height:3vh;justify-content:space-around;margin-left:1vw;margin-right:2vw;padding:.5%;width:2vw}.hamburger-line{background-color:#000;height:clamp(2px,.3vw,4px);width:100%}.user-info{align-items:center;display:flex;gap:8px}.login-id{color:#333;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(14px,1.5vw,20px);font-weight:200;letter-spacing:.5px;padding-right:10px}.logout-button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .2s ease}.logout-button:hover{background-color:#333}.menu{background-color:#f0f0f0;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 6px #0000001a;height:auto;padding:15px;position:absolute;right:10px;top:6vh;width:25vw;z-index:1000}.menu h3{font-size:clamp(14px,1.6vw,22px);font-weight:700;margin-bottom:10px;margin-top:0;text-align:center}.menu label{display:block;font-size:clamp(12px,1.2vw,18px);font-weight:700;margin-bottom:8px}.menu input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:clamp(12px,1vw,16px);margin-top:10px;padding:8px;width:100%}.menu-button{background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 16px;transition:background-color .3s ease;width:100%}.menu-button:hover:not(:disabled){background-color:#1d4ed8}.logo{align-items:center;display:flex;justify-content:center}.logo img{height:auto;margin-left:10px;width:clamp(100px,10vw,150px)}.logo h1,.url-bar p{font-family:Helvetica,Arial,sans-serif;margin:0}.url-bar p{color:#555;font-size:clamp(12px,1vw,16px)}.main-container{display:flex;justify-content:space-between;margin:20px 0;width:100vw}.control-panel,.main-container{font-family:Helvetica,Arial,sans-serif}.control-panel{border-right:1px solid #ccc;flex:0 0 15vw;padding-left:1%;padding-right:3%;padding-top:1%}.control-panel h2{font-family:Helvetica,Arial,sans-serif;font-size:clamp(14px,2vw,22px);font-weight:700;margin-top:0}.input-group{margin-right:2vw;margin-top:3vh}.input-group label{display:block;font-family:Helvetica,Arial,sans-serif;font-size:clamp(12px,1.2vw,18px);font-weight:700;margin-bottom:1vh}.input-group input[type=file]{display:none}.analysis-section,.recall-section{margin-top:30px}.analysis-section label,.recall-section label{display:block;font-family:Helvetica,Arial,sans-serif;font-size:clamp(12px,1.2vw,18px);font-weight:700;margin-bottom:1vh}.analysis-section input,.recall-section input{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:clamp(8px,1.4vw,12px);margin-right:10px;margin-top:3px;padding:6px;width:80%}.analysis-section button,.recall-section button{background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Helvetica,Arial,sans-serif;font-size:clamp(10px,1.4vw,14px);margin:10px 10px 0 0;padding:6px 16px}.analysis-section button:hover,.recall-section button:hover{background-color:#1d4ed8}.input-group input,.input-group select{box-sizing:border-box;padding:8px;width:100%}.buttons{margin-top:20px}.assist,.recall{background-color:#000;border:none;color:#fff;cursor:pointer;display:block;font-family:Helvetica,Arial,sans-serif;font-size:clamp(12px,1.5vw,18px);font-weight:400;margin-bottom:10px;padding:10px;width:100%}.image-and-history{display:flex;flex-direction:row;gap:20px;width:100%}.image-section{flex:3 1;padding-left:30px;padding-right:20px;padding-top:10px}.latest-image{align-items:flex-start;display:flex;flex-direction:row;gap:20px}.image-container{height:min(70vw,70vh);max-height:min(70vw,92vh);max-width:min(70vw,92vh);position:relative;width:min(70vw,70vh)}.image-box{align-items:center;background-color:#f8f8f8;border-radius:8px;box-shadow:none;display:flex;height:100%;justify-content:center;object-fit:contain;overflow:hidden;width:100%}.image-box img{height:100%;object-fit:cover;width:100%}.bounding-boxes-overlay{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.bounding-box{box-sizing:border-box}.corner-bbox .corner{transition:border-color .2s ease,border-width .2s ease}.bounding-box-label{font-family:Helvetica,Arial,sans-serif;font-weight:600;text-shadow:1px 1px 2px #00000080;transition:background-color .2s ease}.image-container:hover .corner-bbox .corner{border-color:#15c}.image-container:hover .corner-bbox .corner-top-left{border-left-color:#15c;border-top-color:#15c}.image-container:hover .corner-bbox .corner-top-right{border-right-color:#15c;border-top-color:#15c}.image-container:hover .corner-bbox .corner-bottom-left{border-bottom-color:#15c;border-left-color:#15c}.image-container:hover .corner-bbox .corner-bottom-right{border-bottom-color:#15c;border-right-color:#15c}.image-container:hover .bounding-box-label{background-color:#15c}.image-description{display:flex;flex:1 1;flex-direction:column;font-family:Helvetica,Arial,sans-serif;justify-content:flex-start}.image-description h3{margin:5px 5px 5px 40px}.image-description h3,.image-description h4{font-size:clamp(14px,1.6vw,19px);font-weight:700;padding-top:5vh}.image-description h4{margin:5px 5px 5px 0}.image-description p{font-size:clamp(12px,1.4vw,17px);font-weight:300;line-height:1.5;margin:5px 5px 5px 40px}.history{display:flex;flex:2 1;flex-direction:column;font-family:Helvetica,Arial,sans-serif;margin-top:40px}.history h3{font-size:clamp(14px,1.6vw,19px);margin-bottom:10px;margin-top:10px}.history-thumbnails{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(9%,1fr));justify-content:space-between;max-width:80vw;width:100%}.thumbnail-wrapper{aspect-ratio:1/1;max-width:10vw;overflow:visible;position:relative}.thumbnail{border-radius:8px;cursor:pointer;height:100%;overflow:hidden;width:100%}.delete-icon{background-color:#000;border-radius:50%;cursor:pointer;height:24px;opacity:0;padding:5px;position:absolute;right:-9px;top:-9px;transition:opacity .3s ease-in-out;width:24px;z-index:1}.thumbnail-wrapper:hover .delete-icon{opacity:1}.thumbnail>img:first-of-type{height:100%;object-fit:cover;width:100%}.thumbnail.selected{border:3px solid gray}.add-photo-icon{height:128px;opacity:.7;width:128px}.no-data-message{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:center}.no-data-message h2{color:#777;font-size:13px;font-weight:300;margin-top:10px;text-align:left}.upload-image{margin-left:3.5vw;margin-top:10vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.recognized-names{color:#333;display:flex;flex:1 1;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;justify-content:flex-start;margin:5px 5px 5px 40px}.recognized-names h4{font-size:clamp(14px,1.6vw,19px);font-weight:600;letter-spacing:.5px;margin:5px 5px 5px 0;padding-top:5vh;text-transform:uppercase}.recognized-name-item{align-items:center;display:flex;margin-bottom:5px;margin-top:10px}.recognized-index{font-size:14px;font-weight:400;letter-spacing:.5px;margin-right:10px;text-align:right;width:20px}.recognized-names input{border:none;border-radius:3px;box-sizing:border-box;color:#333;font-family:Helvetica Neue,Helvetica,sans-serif;font-size:16px;font-weight:300;padding:4px 6px;width:9vw}.recognized-names input:focus,.recognized-names input:hover{border:1px solid #ccc}.recognized-names input.changed{border:1px solid #007bff}.hide{display:none}.left-thumbnail{background-color:#f9f9f9;display:grid;grid-template-columns:repeat(4,1fr);margin-top:2vh;max-height:50vh;max-width:30vw;overflow-y:auto}.left-thumbnail::-webkit-scrollbar{background-color:#fff;width:3px}.left-thumbnail::-webkit-scrollbar-track{background-color:#fff}.left-thumbnail::-webkit-scrollbar-thumb{background-color:#ccc;border:1px solid #fff;border-radius:1px}.left-thumbnail img{aspect-ratio:1/1;background-color:#fff;box-shadow:0 1px 4px #0003;object-fit:cover;transition:transform .2s ease;width:100%}.left-thumbnail img:hover{cursor:pointer;transform:scale(1.01)}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.modal-content{background:#fff;border-radius:8px;padding:20px}.modal-image{max-height:90vh;max-width:90vw;object-fit:contain}.food-recall-bubble{background:#f0f0f0;border-radius:16px;font-size:clamp(14px,1.4vw,18px);line-height:1.5;margin:20px 0 20px 2vw;max-width:60vw;padding:16px 24px;position:sticky;top:0;z-index:10}.food-recall-bubble p{margin:0}.food-recall-bubble:after{border-color:#f0f0f0 #0000 #0000;border-style:solid;border-width:12px 12px 0;bottom:-12px;content:"";left:32px;position:absolute}.food-recall-gallery{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:16px 2vw}.food-recall-gallery::-webkit-scrollbar{height:8px}.food-recall-gallery::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.food-recall-thumb{border-radius:8px;cursor:pointer;flex:0 0 auto;padding-bottom:8px;scroll-snap-align:start;text-align:center;transition:transform .2s;width:200px}.food-recall-thumb.selected{transform:scale(1.05)}.food-recall-thumb img{aspect-ratio:1/1;border-radius:8px;display:block;height:90%;object-fit:cover;width:90%}.food-recall-label{color:#333;display:block;margin-top:8px}.caption,.food-recall-label{font-size:clamp(12px,1vw,14px)}.caption{color:#444;margin-top:6px;text-align:center;word-break:keep-all}.enroll-button{background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;height:3vh;margin-top:8px;min-width:100px;padding:.5em 1.5em;transition:background-color .3s ease,opacity .3s ease;width:12vw}.enroll-button:hover:not(:disabled){background-color:#1d4ed8}.enroll-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.left-thumbnail{display:none!important}.main-container{flex-direction:column}.control-panel{border-bottom:1px solid #ccc;border-right:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;padding:10px 5px;width:100%}.control-panel h2{font-size:1.1rem;margin-bottom:10px;width:100%}.input-group{flex:1 1 40%;margin-right:0;margin-top:0}.analysis-section,.recall-section{flex:1 1 45%;margin-top:0}.analysis-section button,.analysis-section input,.recall-section button,.recall-section input{width:100%}}:root{--color-bg:#f5f7fa;--color-panel:#fff;--color-primary:#2c3e50;--color-accent:#e74c3c;--color-success:#27ae60;--color-border:#dce1e7;--color-text:#34495e;--color-muted:#7f8c8d;--font-base:"Helvetica Neue",Arial,sans-serif;--radius:8px;--spacing:10px;--transition:0.3s ease;--font-size-small:0.8rem;--font-size-base:0.9rem;--font-size-title:1.3rem}body{background:#f5f7fa;background:var(--color-bg);color:#34495e;color:var(--color-text);font-family:Helvetica Neue,Arial,sans-serif;font-family:var(--font-base);font-size:.9rem;font-size:var(--font-size-base);line-height:1.4;margin:0}.fia-container{flex-direction:column;justify-content:space-between;width:70vw}.fia-container,.fia-main-row{display:flex;gap:10px;gap:var(--spacing)}.fia-main-row{align-items:flex-start;flex-direction:row;overflow-x:auto}.fia-details-column{background:#fff;background:var(--color-panel);border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 12px #0000000d;display:flex;flex:1 1;flex-direction:column;max-height:50vh;min-width:300px;overflow-y:auto;padding:10px;padding:var(--spacing)}.fia-photo-grid{grid-gap:10px;background-color:#fff;background-color:var(--color-panel);border:1px solid #dce1e7;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius);display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:1vh;max-height:58vh;overflow-y:auto;padding:10px;width:22vw}.fia-photo-column{display:flex;flex-direction:column;gap:8px}.fia-photo{border-radius:8px;border-radius:var(--radius);box-shadow:0 2px 6px #0000001a;height:5vw;object-fit:cover;width:5vw}.fia-photo:hover{transform:scale(1.03)}.fia-details-panel{display:flex;flex:1 1;flex-direction:column;gap:10px;gap:var(--spacing)}.fia-calorie-panel{background:#fff;background:var(--color-panel);border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;padding:10px;padding:var(--spacing)}.fia-calorie-panel h3{color:#2c3e50;color:var(--color-primary);font-size:1.3rem;font-size:var(--font-size-title);margin:0 0 10px;margin:0 0 var(--spacing) 0}.fia-calorie-panel>div:not(:last-child){border-bottom:1px solid #dce1e7;border-bottom:1px solid var(--color-border);margin-bottom:10px;margin-bottom:var(--spacing);padding-bottom:10px;padding-bottom:var(--spacing)}.fia-overall-label{color:#7f8c8d;color:var(--color-muted);font-size:.8rem;font-size:var(--font-size-small)}.fia-overall-value{color:#e74c3c;color:var(--color-accent);font-size:1.2rem;margin:4px 0}.fia-overall-sub{color:#7f8c8d;color:var(--color-muted);font-size:.8rem;font-size:var(--font-size-small);font-style:italic}.fia-macro-bars{display:flex;flex-direction:column;gap:6px}.fia-bar-label{color:#7f8c8d;color:var(--color-muted);display:flex;font-size:.8rem;font-size:var(--font-size-small);justify-content:space-between;margin-bottom:2px}.fia-bar-bg{background:#dce1e7;background:var(--color-border);border-radius:8px;border-radius:var(--radius);height:6px;overflow:hidden;position:relative;width:100%}.fia-bar-marker{background-color:#000;bottom:0;left:80%;position:absolute;top:0;width:1px;z-index:1}.fia-macro-bars .fia-bar .fia-bar-fg{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial}.fia-bar-fg{border-radius:8px;border-radius:var(--radius);height:100%;transition:width .6s ease,background-color .6s ease}.fia-item-cards{display:flex;gap:8px;overflow-x:auto}.fia-item-card{background:#fff;background:var(--color-panel);border:1px solid #dce1e7;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius);padding:6px 8px;white-space:nowrap}.fia-item-name{color:#34495e;color:var(--color-text);font-size:.8rem;font-size:var(--font-size-small)}.fia-detail-panel{background:#fff;background:var(--color-panel);border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 12px #0000000d;overflow-x:auto;padding:10px;padding:var(--spacing)}.fia-detail-panel h3{color:#2c3e50;color:var(--color-primary);font-size:1.3rem;font-size:var(--font-size-title);margin:0 0 10px 5px;margin:0 0 var(--spacing) 5px}.fia-detail-table{border:1px solid #dce1e7;border:1px solid var(--color-border);border-collapse:collapse;font-size:.9rem;font-size:var(--font-size-base);width:100%}.fia-detail-table th{background-color:#f5f5f5;color:#2c3e50;color:var(--color-primary);padding:8px 12px;text-align:left;width:30%}.fia-detail-table td{background-color:#fff;border-top:1px solid #dce1e7;border-top:1px solid var(--color-border);color:#34495e;color:var(--color-text);padding:8px 12px;vertical-align:top}.fia-detail-table tr:first-child td{border-top:none}.fia-tag{border-radius:12px;font-weight:700;padding:4px 10px}.fia-food-scroll-row{display:flex;flex-direction:column;gap:12px;max-height:90vh;overflow-y:auto;padding:10px 0}.fia-food-card{background:#fff;background:var(--color-panel);border:1px solid #dce1e7;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius);box-shadow:0 2px 6px #0000000d;flex-shrink:0;min-width:180px;padding:10px}.fia-food-card strong{color:#2c3e50;color:var(--color-primary);font-size:.95rem}.fia-food-nutrition p{color:#7f8c8d;color:var(--color-muted);font-size:.8rem;font-size:var(--font-size-small);margin:2px 0}.fia-history{border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 12px #0000000d;padding:10px;padding:var(--spacing)}.fia-history h4{color:#2c3e50;color:var(--color-primary);font-size:1.3rem;font-size:var(--font-size-title);margin-bottom:10px;margin-bottom:var(--spacing)}.fia-history-list{display:flex;gap:6px;overflow-x:auto}.fia-history-item{outline:none}.fia-history-thumb{border:2px solid #0000;border-radius:8px;border-radius:var(--radius);box-shadow:0 2px 6px #0000001a;height:150px;object-fit:cover;transition:border .3s ease;transition:border var(--transition);width:150px}.fia-history-item.selected .fia-history-thumb,.fia-history-item:focus .fia-history-thumb{border-color:#000}.fia-history-item small{color:#7f8c8d;color:var(--color-muted);display:block;font-size:.8rem;font-size:var(--font-size-small);margin-top:4px;white-space:pre-line}.no-data-placeholder{background:#fff;background:var(--color-panel);border:1px dashed #dce1e7;border:1px dashed var(--color-border);border-radius:8px;border-radius:var(--radius);color:#7f8c8d;color:var(--color-muted);padding:10px;padding:var(--spacing);text-align:center}.fia-nutrition-grid{display:flex;gap:16px;margin-top:10px;margin-top:var(--spacing);width:100%}.fia-nutrition-card{background:#fff;background:var(--color-panel);border:1px solid #dce1e7;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius);box-shadow:0 2px 6px #0000000d;flex:1 1;padding:10px;padding:var(--spacing)}.fia-overall-intake{color:#e74c3c;color:var(--color-accent);font-size:1.2rem;margin-bottom:12px}.fia-food-summary{border-top:1px solid #dce1e7;border-top:1px solid var(--color-border);font-size:.8rem;font-size:var(--font-size-small);margin-top:6px;padding-top:6px}.fia-tags{display:flex;flex-wrap:wrap;gap:6px}.fia-tag{background-color:#3498db;border-radius:8px;border-radius:var(--radius);color:#fff;font-size:.8rem;font-size:var(--font-size-small);padding:4px 8px}.fia-food-title{font-size:.9rem;font-size:var(--font-size-base);margin-bottom:4px}.fia-food-title,.fia-nutrient-label{color:#2c3e50;color:var(--color-primary);font-weight:700}.fia-nutrient-label{display:inline-block;margin-top:4px;min-width:20px}@media (max-width:768px){.fia-container{flex-direction:column;width:90vw}.fia-main-row{flex-direction:column;overflow-x:visible}.fia-photo-grid{grid-template-columns:repeat(2,1fr);max-height:none;width:100%}.fia-photo{height:auto;width:100%}.fia-nutrition-grid{flex-direction:column;gap:20px}.fia-nutrition-card{width:100%}.fia-history-list{flex-wrap:wrap;justify-content:flex-start}.fia-history-thumb{height:100px;width:100px}.fia-history-item small{font-size:.7rem}.fia-food-scroll-row{max-height:none;overflow-y:visible}.fia-food-card{min-width:auto;width:100%}.fia-detail-table td,.fia-detail-table th{font-size:.8rem;font-size:var(--font-size-small);padding:6px 8px}}
/*# sourceMappingURL=main.4aa96b2c.css.map*/