:root{--ivory:#FBF7EE;--beige:#F5F1ED;--olive:#20B486;--mint:#c5e8db;--wine:#D88895;--blueberry-milk:#D9EAF7}.ranchers-regular{font-family:"Ranchers",sans-serif;font-weight:400;font-style:normal}*{overflow-wrap:break-word}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu',sans-serif;display:flex;flex-direction:column;min-height:100vh;background-color:var(--beige)}main{width:min(1200px,calc(100% - 6rem));margin-inline:auto;box-sizing:border-box;background-color:var(--ivory);margin-top:3rem}.mt-0{margin-top:0}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-3{margin-top:0.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.5rem}.mt-6{margin-top:2rem}.mt-8{margin-top:3rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:0.25rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.5rem}.mb-6{margin-bottom:2rem}.mb-8{margin-bottom:3rem}.ml-0{margin-left:0}.ml-1{margin-left:0.25rem}.ml-2{margin-left:0.5rem}.ml-3{margin-left:0.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.5rem}.ml-6{margin-left:2rem}.ml-8{margin-left:3rem}.mr-0{margin-right:0}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-3{margin-right:0.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.5rem}.mr-6{margin-right:2rem}.mr-8{margin-right:3rem}.hyperlink{text-decoration:none;color:var(--wine)}.hyperlink:hover{color:var(--mint)}.icon-help-btn{position:fixed;bottom:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;background:var(--olive);color:white;border:none;font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.2);z-index:900;transition:transform 0.15s ease,background 0.15s ease}.icon-help-btn:hover{transform:scale(1.08);background:color-mix(in srgb,var(--olive) 85%,black)}.icon-help-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000}.icon-help-modal.open{display:block}.icon-help-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--ivory);border-radius:12px;padding:2rem;max-width:340px;width:90%;box-shadow:0 8px 24px rgba(0,0,0,0.2)}.icon-help-modal-content h3{color:var(--olive);margin-top:0;margin-bottom:1.25rem}.icon-help-list{list-style:none;margin:0;padding:0;color:var(--olive)}.icon-help-list li{display:flex;align-items:center;gap:0.75rem;padding:0.6rem 0;border-bottom:1px solid var(--mint);color:var(--wine);font-size:0.9375rem}.icon-help-list li:last-child{border-bottom:none}.icon-help-list i{width:20px;text-align:center;font-size:1.1rem;flex-shrink:0}.icon-help-list .fa-circle-info{color:var(--olive)}.icon-help-list .fa-pen-to-square{color:#4A4A4A}.icon-help-list img{width:18px;height:18px;flex-shrink:0}.no-flex-padding-row-div{padding-top:3rem;padding-bottom:3rem}.ranchers-regular{font-family:"Ranchers",sans-serif;font-weight:400;font-style:normal}.section-title{color:var(--olive);font-size:xx-large}.section-huge-title{color:var(--wine);font-size:xxx-large}.section-description{color:var(--wine)}.main-first-child-container-padding{display:flex;flex-direction:column;padding:4rem}.flex-row-space-between{display:flex;justify-content:space-between;align-items:center}.flex-row-flex-start{display:flex;align-items:center;gap:2rem}.flex-column-flex-start{display:flex;flex-direction:column;align-items:flex-start}.flex-row-flex-end{display:flex;justify-content:flex-end;align-items:center}.card p{padding:10px 15px;margin:0;font-size:2rem;text-align:left}.search_filter form{display:flex;gap:1rem;align-items:center}.searchbar,.search_filter select,.search_filter input,.form-filter-button{background:var(--mint);padding:0.6rem 0.75rem;border-radius:0.5rem;border:none;color:color-mix(in srgb,var(--olive) 70%,black);font-weight:700}.searchbar{flex:1 1 200px;min-width:0;width:auto}.searchbar:focus{border:1px solid var(--wine);outline:none}.search_filter select,.form-filter-button,.filter-submit,.search_filter form>div{flex:none}.filter-submit{background:color-mix(in srgb,var(--wine) 50%,white);padding:0.6rem 0.75rem;border-radius:0.5rem;border:none;display:inline-block;font:inherit;font-size:1rem;line-height:1;text-decoration:none;color:white;font-weight:800;box-sizing:border-box;cursor:pointer;text-transform:uppercase}.tag-filter-group{position:relative}.tag-dropdown{display:none;position:absolute;top:100%;left:0;margin-top:0.5rem;background:var(--ivory);border:1px solid var(--mint);border-radius:8px;padding:0.75rem 1rem;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:10;min-width:180px}.tag-dropdown.open{display:block}.tag-dropdown label{display:block;padding:0.25rem 0;white-space:nowrap}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.delete-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);justify-content:center;align-items:center;z-index:9999;border-radius:12px;padding:2rem;box-shadow:0 8px 24px rgba(0,0,0,0.2)}.delete-modal h3{color:var(--wine);margin-top:0;margin-bottom:0.75rem}.delete-modal p{color:#4A4A4A;margin-bottom:1.5rem}.close-button{position:absolute;top:0.75rem;right:1rem;background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#4A4A4A}.close-button:hover{color:var(--wine)}.modal-content{background:var(--ivory);padding:2rem;border-radius:8px}@media (max-width:700px){.delete-modal{padding:0rem}#above-table-manage-div .flex-row-space-between,#above-table-manage-div .flex-row-flex-end,#above-table-manage-div .search_filter form{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0.75rem}.a-btn,.btn-mint-small,.btn-wine-small,.filter-submit{align-self:flex-start}#above-table-manage-div .searchbar{flex-basis:auto;height:auto}#mobile-hide,#mobile-hide-2{display:none}.section-title{margin-top:0rem}.main-first-child-container-padding{padding:0rem;padding-top:2rem}.search_filter form{align-items:flex-start;flex-direction:column}}@media (max-width:1100px){#mobile-column,#mobile-column-2,#conversion-section,.additional-units{flex-direction:column!important;align-items:flex-start}}header{background:var(--mint);position:sticky;top:0;z-index:1000;padding:1rem 2rem}header li a{color:green}.tab-nav{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 0;background:var(--mint);flex-wrap:wrap}.logo{position:absolute;left:50%;transform:translateX(-50%);align-self:center}.logo img.header-logo{height:35px;width:auto;display:block}.tab-buttons-container{display:flex;align-items:center;gap:0.25rem}.tab-button{background:transparent;border:none;font-size:1rem;font-weight:700;color:var(--olive);cursor:pointer;position:relative;border-radius:4px;transition:all 0.2s;text-decoration:none;white-space:nowrap;text-transform:uppercase;display:inline-flex;align-items:center;gap:0.35rem}.tab-button::after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;display:inline-flex;align-items:center;justify-content:center;width:0.8em;height:0.8em;font-size:0.7em;line-height:1;transform-origin:50% 50%;transition:transform 0.2s ease}.tab-dropdown.open .tab-button::after{transform:rotate(180deg)}.tab-button:hover{background-color:transparent;color:var(--olive)}.tab-button.active::after{content:"";position:absolute;bottom:-2px;left:10%;width:80%;height:3px;background-color:#15803d;border-radius:2px}.tab-dropdown{display:flex;flex-direction:column}.dropdown-menu{display:none;position:absolute;top:100%;left:0;width:100vw;padding:0 2rem 1rem;box-sizing:border-box;background:color-mix(in srgb,var(--mint) 70%,white);z-index:100;grid-template-columns:repeat(3,15rem);gap:10px;padding-top:1.5rem;padding-bottom:1.5rem}.tab-dropdown.open .dropdown-menu{display:grid}.dropdown-menu a{padding:0.5rem 0;text-decoration:none;color:var(--wine);font-weight:800}.nav-top-links{display:flex;align-items:center;gap:0.25rem;list-style:none;padding:0;margin-left:auto;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none;padding:0;margin-left:auto;flex-shrink:0}.nav-links a{color:var(--olive);text-decoration:none;font-size:1.2rem;transition:color 0.2s}.nav-links a:hover{color:var(--olive)}.nav-user-icon,.nav-logout-icon,.nav-login-icon,.nav-register-icon{font-size:1.7rem;color:var(--olive);text-decoration:none;transition:0.2s ease}.nav-user-icon:hover,.nav-logout-icon:hover,.nav-login-icon:hover,.nav-register-icon:hover{opacity:0.7;transform:scale(1.08)}.nav-logout-icon{background:none;border:none;padding:0;cursor:pointer}.burger-btn{background:none;display:none;color:var(--olive);font-size:1.7rem;border:none;cursor:pointer}.burger-checkbox{display:none}@media (max-width:700px){.tab-nav{position:relative}.tab-buttons-container,.nav-links{display:none}.burger-btn{display:block;order:1}.logo{position:absolute;top:0.75rem;left:50%;transform:translateX(-50%)}.burger-checkbox:checked ~ .nav-links{display:flex;order:3;justify-content:center;gap:1.5rem;padding:0.5rem 0;margin-top:0.5rem;background:color-mix(in srgb,var(--mint) 75%,white);border-radius:0;width:100vw;position:relative;left:-2rem;margin-top:2rem}.nav-links a{font-size:1rem}.burger-checkbox:checked ~ .tab-buttons-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:1rem;position:absolute;top:100%;background:color-mix(in srgb,var(--mint) 75%,white);padding:1rem 2rem;box-sizing:border-box;z-index:999;left:-2rem;width:100vw;justify-content:center}.nav-logout-icon{font-size:1.1rem;margin-top:0.1rem}.dropdown-menu{grid-template-columns:1fr;left:-2rem;padding:2rem;margin-left:2rem;background:var(--mint)}.tab-buttons-container .tab-dropdown:nth-child(2) .dropdown-menu a:nth-child(1){order:1}.tab-buttons-container .tab-dropdown:nth-child(2) .dropdown-menu a:nth-child(2){order:3}.tab-buttons-container .tab-dropdown:nth-child(2) .dropdown-menu a:nth-child(3){order:5}.tab-buttons-container .tab-dropdown:nth-child(2) .dropdown-menu a:nth-child(4){order:2}.tab-buttons-container .tab-dropdown:nth-child(2) .dropdown-menu a:nth-child(5){order:4}}footer{position:relative;background:var(--mint);padding:3rem;margin-top:4rem;display:flex;flex-direction:column;align-items:center}body>footer{background:var(--mint);padding:3rem}footer h4{margin-bottom:1rem;margin-top:0rem;color:var(--olive);text-transform:uppercase;line-height:30px}footer a{color:var(--text-secondary);text-decoration:none;font-size:0.875rem}footer a:hover{color:var(--wine)}.footer-top{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;width:100%}.footer-top>div{flex:1 1 240px;max-width:25rem;display:flex;justify-content:flex-start;flex-direction:column;background:color-mix(in srgb,var(--mint) 60%,white);border-radius:5px;padding:2rem;box-sizing:border-box}.footer-bottom{margin-top:2rem;font-size:1rem;color:var(--olive);font-weight:500}footer ul,footer p{list-style:none;align-self:flex-start;font-size:0.875rem;color:var(--olive)}.footer-logo{height:30px;width:auto;margin-bottom:1rem;display:block}.pagination{display:flex;align-items:center;justify-content:center;margin:1.5rem 0;flex-wrap:wrap}.pagination a,.pagination .page-current,.pagination .page-ellipsis,.pagination .page-disabled{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;border-radius:6px;font-size:0.8125rem;font-weight:500;line-height:1;text-decoration:none;border:none;background:transparent;color:var(--wine);transition:background 0.15s ease,color 0.15s ease;white-space:nowrap;cursor:pointer}.pagination a:hover{color:var(--olive)}.pagination .page-current{color:var(--olive);font-weight:700;cursor:default;pointer-events:none}.pagination .page-ellipsis,.pagination .page-disabled{opacity:0.35;cursor:not-allowed;pointer-events:none}.pagination .page-prev,.pagination .page-next{padding:0 1rem;letter-spacing:0.01em}ul.errorlist{list-style:none;padding:0;margin:0.5rem 0;color:#ff6b6b;font-size:0.875rem}.btn-invisible,.btn-invisible:hover,.btn-invisible:focus{background:none!important;border:none!important;padding:0!important;box-shadow:none!important;outline:none!important;display:flex;align-items:center;cursor:pointer}.btn-invisible:hover{background:none}.nav-links .nav-auth-link{color:var(--accent);font-size:0.875rem;font-weight:500;text-decoration:none;transition:color 0.2s}.nav-links .nav-auth-link:hover{color:#fff}.nav-top-links a,.nav-top-links form{display:flex;align-items:center}.double-trouble{display:flex;flex-wrap:wrap;width:100%;min-height:100%;.hero-logo{flex:1 1 50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:1rem}.hero-logo img{max-width:80%;height:auto}}.creds-form{width:100%;flex:1 1 50%;background:color-mix(in srgb,var(--mint) 60%,white);padding:2.5rem 2rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center}@media screen and (max-width:900px){.creds-form,.hero-logo{flex:1 1 100%}}.creds-form>div{width:100%;max-width:360px}.form-group{width:100%;box-sizing:border-box}.form-group label{display:block;font-weight:700;font-size:0.875rem;color:var(--olive);letter-spacing:0.03em;margin-bottom:0.4rem}.creds-form .btn{width:100%;background:var(--olive);color:#fff;border:none;padding:0.75rem 1rem;border-radius:0.5rem;font-weight:700;font-size:0.9375rem;text-transform:uppercase;letter-spacing:0.03em;cursor:pointer;margin-top:0.5rem;transition:background 0.15s ease,transform 0.1s ease}.creds-form .btn:hover{background:color-mix(in srgb,var(--olive) 85%,black);transform:translateY(-1px)}.creds-form p{margin-top:1.5rem;font-size:0.875rem;color:#4A4A4A;text-align:center}.creds-form p a{color:var(--wine);font-weight:700;text-decoration:none}.creds-form p a:hover{text-decoration:underline}.profile-card{display:flex;flex-wrap:wrap;gap:2rem;background:var(--beige);border-radius:12px;padding:2rem}.profile-info{flex:1 1 300px}.profile-info p{margin-bottom:0.75rem;color:#4A4A4A}.profile-info p:last-child{margin-bottom:0}.profile-info strong{color:var(--olive)}.profile-picture-block{flex:0 1 200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem}.profile-picture{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid var(--olive)}.profile-picture-default{border-color:var(--mint)}.edit-profile-actions{display:flex;gap:0.5rem;margin-top:1rem}.edit-profile-actions button:nth-child(1){background:var(--mint);color:var(--olive)}input[type="file"]{display:none}.custom-file-upload{border:1px solid var(--mint);background:var(--mint);color:var(--olive);display:inline-block;padding:0.6rem 1.25rem;border-radius:0.5rem;font-weight:700;cursor:pointer;transition:background 0.15s ease}.custom-file-upload:hover{background:color-mix(in srgb,var(--mint) 70%,black)}.profile-picture-block .form-group{display:flex;flex-wrap:wrap;align-items:center}.profile-picture-block .form-group a{flex-basis:100%;margin-bottom:1rem}.profile-picture-block .form-group .custom-file-upload{flex-basis:100%;margin-bottom:1rem}.profile-picture-block .form-group input[type="checkbox"]#profile_picture-clear_id{display:inline-block!important;width:auto!important;height:auto!important;vertical-align:middle;margin:0 0.3rem 0 0}.profile-picture-block .form-group label[for="profile_picture-clear_id"]{display:inline-block!important;width:auto;vertical-align:middle;font-size:0.8125rem;font-weight:400;color:#4A4A4A;text-transform:none;letter-spacing:normal;margin:0}.message{background:color-mix(in srgb,var(--wine) 15%,white);border:1px solid var(--wine);border-radius:8px;padding:0.85rem 1.25rem;margin:1.5rem;color:#4A4A4A;font-size:0.9375rem;line-height:1.5}.message a{color:var(--wine);font-weight:700;text-decoration:underline;margin-left:0.25rem}.message a:hover{color:color-mix(in srgb,var(--wine) 70%,black)}.data-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem;border-radius:12px;overflow:hidden;border:1px solid rgba(216,136,149,0.5)}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(216,136,149,0.5);border-right:1px solid rgba(216,136,149,0.5)}.data-table th:last-child,.data-table td:last-child{border-right:none}.data-table thead{background:var(--mint);color:color-mix(in srgb,var(--olive) 70%,black)}.data-table th{font-weight:600;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em}.data-table tr:hover{background:var(--bg-secondary)}.data-table tbody tr:nth-child(even){background-color:var(--beige)}.data-table tbody tr:nth-child(odd){background-color:color-mix(in srgb,var(--wine) 20%,white)}td[data-label="Ingredient Name"],td[data-label="Ingredient"]{font-weight:600}td[data-label="Ingredient Name"]:hover,td[data-label="Ingredient"]:hover{color:#81C784;cursor:pointer}@media screen and (max-width:900px){.data-table thead{display:none}td[data-label="Ingredient Name"]{font-weight:800;color:var(--wine)!important}.data-table th{border:none}.data-table{border:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:flex;width:100%;flex-direction:column;color:var(--olive)}tr td:nth-child(odd){background-color:color-mix(in srgb,var(--mint) 40%,white)}tr td:nth-child(even){background-color:color-mix(in srgb,var(--mint) 20%,white)}.data-table tbody tr:nth-child(odd){background-color:var(--beige);margin-top:0rem}.data-table tr{margin-bottom:1.5rem;border:none;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,0.05)}.data-table td{background-color:transparent;text-align:left;padding:0.75rem 1rem;position:relative;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:flex-start;gap:0.5rem;flex-wrap:wrap;min-width:0;overflow-wrap:anywhere;word-break:break-word}.data-table td::before{content:attr(data-label);font-weight:700;text-transform:uppercase;font-size:0.8rem;color:#666;flex-shrink:0}.data-table td[data-label="Actions"]{justify-content:center;background-color:transparent;gap:0.5rem;padding:16px;margin-top:5px;border-top:1px solid #f0f0f0}.data-table td[data-label="Actions"]::before{display:none}.main-first-child-container-padding{padding-left:15px;padding-right:15px}}.action-buttons{display:flex;gap:0.5rem;align-items:center}.btn-heart{background:none;border:none;padding:0;cursor:pointer}.btn-heart img{width:18px;height:18px;display:block}.icon-delete-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-delete-btn img{width:18px;height:18px;display:block}.icon-table{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none}.icon-table i{font-size:18px;display:block}.icon-table .fa-circle-info{color:var(--olive)}.icon-table .fa-pen-to-square{color:#4A4A4A}.icon-table .fa-utensils{color:#4A4A4A}.a-btn{text-decoration:none;text-transform:uppercase;color:var(--olive);background:var(--mint);padding:1rem 1.5rem;border-radius:3px;font-weight:700;border:none}.btn-wine-small,.btn-mint-small{border:none;font-weight:700;cursor:pointer;display:inline-block;padding:0.5rem 1rem;color:var(--wine);border-radius:4px;text-decoration:none;margin-right:0.5rem;background:var(--blueberry-milk)}.btn-wine-small:hover{background:var(--wine);color:white}.btn-mint-small:hover{background:var(--mint)}.btn-small-fixed{width:140px;text-align:center;margin-top:3rem;.a-btn{border:none;outline:none}}.btn-small-round{border:none;font-weight:700;cursor:pointer;background-color:color-mix(in srgb,var(--mint) 50%,white);color:var(--olive);display:inline-block;padding:0.5rem;border-radius:50%;text-decoration:none;margin-right:0.2rem;margin-left:0.2rem;width:1.8rem;height:1.8rem;font-size:0.7rem;text-align:center}.small-round-buttons-parent{display:flex;align-items:flex-start}.styled-input,.creds-form input[type="email"],.creds-form input[type="password"],.creds-form input[type="text"],.creds-form input[type="number"],.creds-form select,.creds-form textarea,.biometrics-form-block input[type="text"],.biometrics-form-block input[type="number"],.biometrics-form-block input[type="email"],.biometrics-form-block select,.biometrics-form-block textarea,.profile-info input,.profile-info textarea{padding:0.65rem 0.85rem;border:1px solid var(--mint);border-radius:0.5rem;background:var(--beige);color:var(--olive);font-size:0.9375rem;font-family:inherit;box-sizing:border-box;width:100%;transition:border-color 0.15s ease,background 0.15s ease}.styled-input:focus,.creds-form input:focus,.biometrics-form-block input:focus,.biometrics-form-block select:focus,.biometrics-form-block textarea:focus,.profile-info input:focus,.profile-info textarea:focus{outline:none;border-color:var(--wine);background:#fff}input.styled-input,select.styled-input,textarea.styled-input{width:100%;padding:0.6rem 0.9rem;font-size:1rem;font-family:inherit;color:var(--olive);background-color:var(--mint);border:1px solid rgba(216,136,149,0.5);border-radius:8px;transition:border-color 0.2s,box-shadow 0.2s;box-sizing:border-box}input.styled-input:focus,select.styled-input:focus,textarea.styled-input:focus{outline:none;border-color:var(--mint,#a8e6c4);box-shadow:0 0 0 3px rgba(168,230,196,0.35)}input.styled-input::placeholder,textarea.styled-input::placeholder{color:#999;opacity:1}input.styled-input:disabled,select.styled-input:disabled,textarea.styled-input:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed}textarea.styled-input{min-height:120px;resize:vertical}select.styled-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23555' d='M1 1l5 5 5-5'/></svg>");background-repeat:no-repeat;background-position:right 0.9rem center;background-size:12px 8px;padding-right:2.2rem;cursor:pointer}input.styled-input[type="checkbox"],input.styled-input[type="radio"]{width:1.1rem;height:1.1rem;accent-color:var(--mint,#a8e6c4);cursor:pointer}label.styled-label{display:block;margin-bottom:0.35rem;font-weight:600;font-size:0.9rem}.form-group,.field-with-help{margin-bottom:1.2rem}.half-width{width:50%}.nutrient-input{width:100%}.hero{display:flex;align-items:center;justify-content:center;padding:4rem 1rem 2rem;text-align:center;flex-wrap:wrap;container-type:inline-size;gap:3rem}.hero-logo{flex-shrink:0;width:clamp(200px,50vw,670px);aspect-ratio:1920 / 1080;max-width:100%;min-width:0}.hero-logo img{display:block;width:100%;height:100%;object-fit:contain}.hero h1{color:var(--wine);font-size:2rem;text-align:left}.highlight{color:#20B486}.hero-text-btn{display:flex;flex-direction:column;gap:0.5rem}.hero-text-btn p{padding:0rem;margin:0rem;text-align:start;color:var(--wine);margin-bottom:1rem;overflow-wrap:break-word;max-width:20rem}.btns-home{display:flex;gap:1rem;text-transform:uppercase}.btns-home a{padding:1rem 1.5rem;border-radius:6px;font-weight:600;text-decoration:none;transition:0.2s ease}.btns-home .primary{background-color:var(--olive);color:var(--mint);box-shadow:0 2px 4px rgba(0,0,0,0.15)}.btns-home .secondary{background-color:var(--mint);color:var(--olive)}.card-section{width:100%;overflow:hidden}.cards{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2rem) / 3);gap:1rem;overflow-x:auto;overflow-y:hidden;padding:1rem 0 1.5rem;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.card{min-width:0;scroll-snap-align:start;text-decoration:none;background:color-mix(in srgb,var(--mint) 60%,white);border-radius:5px;.card-content{color:var(--olive)}.card-title{color:var(--wine)}p{font-size:1.2rem}}.cards .card:nth-child(3n){background:color-mix(in srgb,var(--wine) 60%,white);.card-content{color:color-mix(in srgb,var(--mint) 60%,white)}.card-title{color:color-mix(in srgb,var(--mint) 60%,white)}}.card-title{font-size:1.8rem}.card-inner{height:100%;box-sizing:border-box;padding:1rem}.cards::-webkit-scrollbar{height:6px}.slider-dots{display:flex;justify-content:center;align-items:center;gap:0.5rem;padding-bottom:1rem}.slider-dots button{width:8px;height:8px;border-radius:999px;background:var(--beige);border:none;padding:0;cursor:pointer;transition:all 0.3s ease}.slider-dots button.active{width:28px;background:var(--olive)}.slider-wrap{position:relative;display:flex;align-items:center;gap:0.5rem;margin:2rem}.slider-wrap .cards{flex:1;min-width:0}.slider-arrow{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--olive);font-size:3.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:0.2s ease}.slider-arrow:hover{color:var(--wine)}.slider-arrow:disabled{opacity:0.3;cursor:default}.cards::-webkit-scrollbar{display:none}@media (max-width:700px){.hero-logo{order:-1}}@media (max-width:1000px){.cards{display:flex;flex-direction:column;gap:1rem;overflow-x:hidden;overflow-y:visible;padding-bottom:1rem}.card{width:100%}.slider-dots{display:none}.slider-arrow{display:none}}.fridge-btns-top{display:flex;flex-direction:column;justify-content:flex-end;gap:1rem}.fridge-btns-top button{border-radius:3px;padding:1rem 1.5rem}.recipe-modal.open{display:block}.recipe-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--ivory);border-radius:12px;padding:2rem;max-width:420px;width:90%;box-shadow:0 8px 24px rgba(0,0,0,0.2);max-height:90vh;overflow-y:auto;z-index:9999}.recipe-modal-content h4{color:var(--olive);margin-top:0;margin-bottom:1.5rem;font-size:1.25rem}.recipe-modal-content label{display:block;font-weight:600;font-size:0.875rem;color:#4A4A4A;margin-top:1rem;margin-bottom:0.35rem}.recipe-modal-content input[type="text"],.recipe-modal-content input[type="number"],.recipe-modal-content select{width:100%;background:var(--mint);border:none;border-radius:0.5rem;padding:0.6rem 0.75rem;box-sizing:border-box;font:inherit}.recipe-modal-content input:focus,.recipe-modal-content select:focus{outline:none;border:1px solid var(--wine)}.searchable-select{position:relative}.searchable-options{display:none;position:absolute;background:var(--ivory);border:1px solid var(--mint);border-radius:0.5rem;max-height:200px;overflow-y:auto;width:100%;z-index:1000;margin-top:0.25rem;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.searchable-options.open{display:block}.search-option{padding:0.5rem 0.75rem;cursor:pointer;color:#4A4A4A}.search-option:hover,.search-option.selected{background:var(--mint);color:var(--olive)}.biometrics-results-block,.biometrics-form-block{color:var(--olive)}.fav-star{color:var(--wine)}#cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-day{min-height:80px;border:1px solid var(--beige);border-radius:0.5rem;padding:6px;cursor:pointer;background:var(--beige);transition:opacity 0.15s,background 0.15s}.cal-day:hover{opacity:0.85}.cal-day.today{border-width:2px;border-color:var(--olive)}.cal-day.other-month{background:var(--ivory)}.cal-day.other-month .cal-day-num{color:#999}.cal-day-num{font-size:13px;font-weight:500;color:#333;margin-bottom:4px}.cal-day-kcal{font-size:11px;color:#666}.cal-day-bar{height:4px;background:var(--beige);border-radius:2px;margin-top:4px;overflow:hidden}.cal-day-bar-fill{height:100%;border-radius:2px}.cal-day-diff{font-size:10px;color:#666;margin-top:2px}.cal-day.status-target{background:#22c55e;border-color:#22c55e}.cal-day.status-surplus{background:#d99a3f;border-color:#d99a3f}.cal-day.status-deficit{background:#3b82f6;border-color:#3b82f6}.cal-day.status-nodata{background:var(--beige)}.status-target .cal-day-bar-fill{background:#22c55e}.status-surplus .cal-day-bar-fill{background:#d99a3f}.status-deficit .cal-day-bar-fill{background:#3b82f6}.cal-day:nth-child(14n+1),.cal-day:nth-child(14n+2),.cal-day:nth-child(14n+3),.cal-day:nth-child(14n+4),.cal-day:nth-child(14n+5),.cal-day:nth-child(14n+6),.cal-day:nth-child(14n+7){background:color-mix(in srgb,var(--wine) 30%,white)}.cal-day:nth-child(14n+8),.cal-day:nth-child(14n+9),.cal-day:nth-child(14n+10),.cal-day:nth-child(14n+11),.cal-day:nth-child(14n+12),.cal-day:nth-child(14n+13),.cal-day:nth-child(14n+14){background:color-mix(in srgb,var(--mint) 60%,white)}.entry-name{font-size:0.875rem;font-weight:500;color:var(--olive);text-transform:capitalize}.entry-detail{font-size:0.75rem;color:var(--wine)}#btn-recipe,#btn-ingredient{background:var(--wine);color:#fff;border:2px solid transparent}#btn-recipe.active,#btn-ingredient.active{border-color:var(--olive)}.search-result-item{padding:6px 8px;cursor:pointer;border-radius:4px;font-size:0.875rem;text-transform:uppercase;color:var(--olive);letter-spacing:0.02em}.search-result-item:nth-child(odd){background:color-mix(in srgb,var(--mint) 60%,white)}.search-result-item:nth-child(even){background:color-mix(in srgb,var(--wine) 60%,white)}.search-result-item:hover{background:var(--mint)!important}.search-no-results{font-size:0.8rem;color:var(--olive);padding:6px 8px}.cal-day-skeleton{aspect-ratio:1 / 1;border-radius:0.5rem;background:linear-gradient(90deg,color-mix(in srgb,var(--mint) 60%,white) 25%,var(--beige) 50%,color-mix(in srgb,var(--mint) 60%,white) 75%);background-size:200% 100%;animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}.fa-arrow-down-long{display:none}@media (max-width:700px){.fa-arrow-right{display:none}.fa-arrow-down-long{display:block;align-self:center}#above-table-manage-div-sec{flex-direction:column;align-items:stretch}#above-table-manage-div-sec .styled-input,#above-table-manage-div-sec .btn-mint-small{width:100%}#above-table-manage-div-sec i{align-self:center}#deficit-result>div[style*="flex-wrap"]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}#cal-header{flex-direction:column;align-items:flex-start;gap:0.75rem}#cal-header>div:last-child{width:100%;justify-content:space-between}.cal-day{min-height:50px;padding:3px}.cal-day-num{font-size:11px}.cal-day-kcal,.cal-day-diff{display:none}div[style*="gap:1.5rem"][style*="margin-top:1rem"]{flex-wrap:wrap;gap:0.75rem 1rem}.flex-row-space-between{flex-direction:column;align-items:flex-start;gap:0.75rem}#above-table-manage-div-sec{order:2}.search_filter.flex-column-flex-start>div[style*="align-items:center"]{order:1}.search_filter.flex-column-flex-start>p.section-description{order:3}#deficit-skeleton{order:4}#deficit-result{order:5;border-radius:12px;border:1px solid rgba(216,136,149,0.5);width:80%}#deficit-error{order:6}}.deficit-skeleton-line,.deficit-skeleton-stat{border-radius:0.5rem;background:linear-gradient(90deg,color-mix(in srgb,var(--mint) 60%,white) 25%,var(--beige) 50%,color-mix(in srgb,var(--mint) 60%,white) 75%);background-size:200% 100%;animation:skeleton-pulse 1.4s ease-in-out infinite}.deficit-skeleton-stat{width:90px;height:40px}.nutrients-tables{display:grid;grid-template-columns:1fr;gap:2rem;margin-left:0;max-width:500px}#add-ingredient-form{.flex-row-flex-start{margin-bottom:2rem}}.nutrients-grid{display:grid;grid-template-columns:repeat(3,1fr);min-width:35rem;gap:1rem}@media (max-width:700px){.nutrients-grid{grid-template-columns:1fr;min-width:5rem}}.nutrient-columns{column-count:3;column-gap:1.5rem}.nutrient-item{display:flex;flex-direction:column;gap:0.25rem}.nutrient-inputs-grid{display:grid;gap:1rem}#detail-table{width:100%;display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:1rem}@media (max-width:1100px){#add-ingredient-form .flex-row-flex-start{flex-direction:column}.nutrient-inputs-grid{grid-template-columns:repeat(1,1fr);min-width:8rem}#detail-table{min-width:1rem;grid-template-columns:repeat(1,minmax(100px,1fr))}#conversion-section>.flex-column-flex-start:first-child{order:2}#conversion-section>.flex-column-flex-start:last-child{order:1}}.small-width{width:80px}.nutrients-tables{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.nutrients-table{width:100%;border-collapse:collapse;background:#111;color:#fff}.nutrients-table th,.nutrients-table td{border:1px solid #444;padding:0.5rem 1rem;text-align:left}.nutrients-table th{background:#222}@media (max-width:768px){.nutrients-tables{grid-template-columns:1fr}}.info p,.ingredients ul,.nutrients ul{margin:0.3rem 0}.nutrients ul,.ingredients ul{padding-left:1.5rem}.btn{display:inline-block;padding:0.5rem 1rem;background:#333;color:#fff;border-radius:4px;text-decoration:none;margin-right:0.5rem}@media (max-width:768px){.grid-container{grid-template-columns:1fr}}.searchable-select{position:relative}.searchable-options{display:none;position:absolute;background:var(--mint);border:1px solid #444;border-radius:4px;max-height:200px;overflow-y:auto;width:100%;z-index:1000}.searchable-options.open{display:block}.search-option{padding:8px 12px;cursor:pointer}.search-option:hover,.search-option.selected{background:#3a3a3a}@media (max-width:1100px){#ingredientsContainer div:not(#add-btn){flex-direction:column;align-items:flex-start;border:2px solid var(--mint);border-radius:5px;padding:1rem}}@media (max-width:700px){#ingredientsContainer .search_filter select{width:11rem}.recipe-modal-content{width:70%}}