@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--ui-scale: .9;--green: #2fb248;--green-dark: #299b3f;--mint: #effff2;--muted: #4b4b4b;--line: #e1e1e1;--white: #fff;--text: #1f1f1f;--black: #000;--primary-700: #299b3f;--primary-600: #2fb248;--primary-500: #4ec565;--primary-400: #70d583;--primary-300: #89e79c;--primary-200: #b1f5bf;--primary-100: #d1ffda;--primary-50: #e4ffe9;--secondary-700: #df7c29;--secondary-600: #f58d36;--secondary-500: #ffa961;--secondary-400: #ffb87d;--secondary-300: #ffca9f;--secondary-200: #ffe1c8;--secondary-100: #fff0e3;--secondary-50: #fff7f0;--accent-info-700: #017ad3;--accent-info-600: #0c8ce9;--accent-info-500: #2c9def;--accent-info-400: #48acf4;--accent-info-300: #64b9f6;--accent-info-200: #91cefa;--accent-info-100: #cfe8ff;--accent-info-50: #f4faff;--neutral-700: #1f1f1f;--neutral-600: #4b4b4b;--neutral-500: #8e8e8e;--neutral-400: #cacaca;--neutral-300: #e1e1e1;--neutral-200: #eeeeee;--neutral-100: #f5f5f5;--neutral-50: #fafafa;--danger-700: #ec2d30;--danger-600: #f64c4c;--danger-500: #eb6f70;--danger-400: #f49898;--danger-300: #ffccd2;--danger-200: #fce6e9;--danger-100: #fef2f2;--danger-50: #fffbfb;--radius: calc(16px * var(--ui-scale));--maxw: calc(1280px * var(--ui-scale))}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial}ul,ol{padding-left:1.35rem}li{margin:.25rem 0}ul,ol{list-style-position:outside}html{scroll-behavior:smooth;font-size:calc(16px * var(--ui-scale))}body{color:var(--text);margin:0;background:var(--neutral-50);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.logo img{transition:transform .3s ease}.logo img:hover{transform:scale(1.08) rotate(4deg)}input,textarea,select{resize:none;font-size:inherit;font-family:inherit;outline:none;border:none;width:100%;font-size:.9rem}label{font-size:.9rem;color:var(--neutral-600);display:block;margin-bottom:.25rem}input[type=text]:read-only,input[type=number]:read-only,textarea:read-only{background:var(--neutral-200)!important;cursor:not-allowed}input,select,textarea,.password-input,.nohp-input,.datalist-input,.search-input,.input-group-identifier{width:100%;padding:.75rem .875rem;border-radius:6px;border:1px solid var(--neutral-500);background:#fff;transition:.2s}.nohp-input,.password-input,.input-group-identifier{display:flex;justify-content:space-between;gap:1rem;align-items:center}.nohp-input,.input-group-identifier{gap:0;padding:0;overflow:hidden}.input-sm input,.input-sm textarea,.input-sm select,.input-sm .datalist-input,.input-sm .password-input,.input-sm .search-input,.input-sm .input-group-identifier{padding:.5rem .625rem!important}.input-sm .datalist-input input,.input-sm .password-input input{padding:0!important}input:focus,textarea:focus,select:focus,.nohp-input:has(input:focus),.datalist-input:has(input:focus),.password-input:has(input[type=password]:focus,input[type=text]:focus),.input-group-identifier:has(input:focus){border-color:var(--primary-600);box-shadow:0 0 0 2px #22c55e26}.input-group+.input-group{margin-top:1rem}.nohp-input input,.password-input input,.datalist-input input,.search-input input,.input-group-identifier input{border:none;padding:0;outline:none;box-shadow:none;background:transparent;border-radius:0}.nohp-input input,.input-group-identifier input{padding:.75rem .875rem}.nohp-input input:focus,.password-input input:focus,.datalist-input input:focus{box-shadow:none;border-color:transparent}.input-sm .nohp-input .phone-identifier{padding:.5rem .625rem}.nohp-input .phone-identifier,.input-group-identifier .identifier{font-size:.9rem;font-weight:500;padding:.75rem .875rem;background:var(--neutral-300);border-right:1px solid var(--neutral-500)}.input-group-identifier .identifier i{font-size:1.3rem;color:var(--neutral-600)}.input-group-identifier .identifier{border-right:none;border-left:1px solid var(--neutral-500)}.datalist-input .input-group-identifier{border:none}.datalist-input:has(.input-group-identifier){padding:0}.datalist-input:has(.input-group-identifier~.list-items) .input-group-identifier,.datalist-input:has(.input-group-identifier~.loading-text) .input-group-identifier{border-bottom:1px solid var(--neutral-500);border-radius:6px 6px 0 0}.datalist-input:has(.input-group-identifier) .list-items{padding:0 .875rem}.datalist-input:has(.input-group-identifier) .remove-all-btn{padding:0 .875rem .75rem}.input-sm .datalist-input:has(.input-group-identifier) .list-items{padding:0 .625rem!important}.input-sm .datalist-input:has(.input-group-identifier) .remove-all-btn{padding:0 .875rem .5rem!important}.datalist-input:has(.input-group-identifier) .loading-text{padding:0 .875rem .75rem}.input-sm .datalist-input:has(.input-group-identifier) .loading-text{padding:0 .625rem .5rem!important}.loading-text{margin-top:1rem;font-size:.875rem;font-weight:600;color:#6b7280;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem}.loading-text:after{content:"";width:.9rem;height:.9rem;border:2px solid rgba(107,114,128,.3);border-top-color:#6b7280;border-radius:50%;display:inline-block;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.file-input-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-input-trigger{display:inline-flex;align-items:center;gap:.5rem;width:max-content;padding:.6rem 1.25rem;border-radius:8px;background:var(--white);border:1px dashed var(--neutral-400);color:var(--neutral-700);cursor:pointer;font-size:.9rem;font-weight:500;transition:.15s ease}.file-input-trigger:hover{background:var(--neutral-50);border-color:var(--primary-600)}.file-input-trigger:focus-visible{outline:none;box-shadow:0 0 0 2px #22c55e26}.file-input-filename{margin-top:.35rem;font-size:.8rem;color:var(--neutral-600);word-break:break-all}.image-preview{position:relative;width:180px;height:115px;border-radius:12px;overflow:hidden;border:1px solid var(--neutral-300);background:var(--neutral-100)}.image-preview.image-preview-contain img{width:100%;height:100%;object-fit:contain}.image-preview img{width:100%;height:100%;object-fit:cover}.image-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.6);background:#0000008c;color:var(--white);display:grid;place-items:center;cursor:pointer;transition:.15s ease}.image-remove:hover{background:#000000b3;transform:translateY(-1px)}.image-remove i{font-size:.9rem;line-height:1}.eye-btn:hover{opacity:1}.password-input .eye-btn{cursor:pointer;color:var(--neutral-500)}.search-input{display:flex;align-items:center;gap:1rem}.search-input{padding:.5rem .75rem}.search-input .search-btn{background:var(--primary-600);color:var(--white);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:.3s}.search-input .search-btn:hover{filter:brightness(.95)}.green-block{line-height:1.1;color:var(--white);display:inline-block;background:var(--primary-600);padding:calc(4px * var(--ui-scale)) calc(18px * var(--ui-scale));border-radius:calc(4px * var(--ui-scale))}.space-between{display:flex;align-items:center;justify-content:space-between}.container{width:min(100%,var(--maxw));margin-inline:auto;padding-inline:2rem}.btn{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;border-radius:.525rem;font-weight:500;cursor:pointer;transition:.2s ease;border:calc(1.5px * var(--ui-scale)) solid transparent;white-space:nowrap;font-size:.9rem}.btn:hover{filter:brightness(.95);transform:translateY(calc(-2px * var(--ui-scale)))}.btn-fill{background:var(--green);color:var(--white)}.btn-rounded{border-radius:10000px}.text-muted{color:var(--neutral-600)}.btn-sm{font-size:.85rem;padding:.425rem 1.25rem}.btn-full{width:100%}.btn-pill{background:var(--primary-600);color:var(--white);border-radius:calc(42px * var(--ui-scale));padding:.5rem 1.625rem}.btn-line{background:var(--white);border-color:var(--green-dark);color:var(--green-dark)}.btn-line-white{background:var(--white);border-color:var(--neutral-400);color:var(--neutral-700)}.btn-line:hover{background:var(--mint);transform:translateY(calc(-2px * var(--ui-scale)))}.btn-muted{border-color:var(--neutral-400);background:var(--neutral-100);color:var(--neutral-700)}.icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--neutral-300);background:var(--white);display:grid;place-items:center;cursor:pointer;color:var(--neutral-700);transition:.15s ease}.icon-btn:hover{background:var(--neutral-100);transform:translateY(-1px)}.icon-btn i{font-size:.9rem}.btn-danger-outline{color:var(--danger-600);border-color:var(--danger-400)}.btn-danger-outline:hover{background:var(--danger-100)}.btn-info-outline{color:var(--accent-info-600);border-color:var(--accent-info-600)}.btn-info-outline:hover{background:var(--accent-info-50)}.btn-secondary-outline{color:var(--secondary-600);border-color:var(--secondary-600)}.btn-secondary-outline:hover{background:var(--secondary-50)}.flash{border-radius:.5rem;padding-inline:.875rem;font-size:.9rem;border:1px solid var(--type-bold);background:var(--type-bg);color:var(--type-bold);font-weight:500}.flash-content{margin:auto;display:flex;gap:.5rem;justify-content:space-between;align-items:center}.flash-screen{border:none;border-radius:0;border-block:1px solid var(--type-bold)}.flash-screen .flash-content{padding-inline:2rem;width:min(100%,var(--maxw))}.flash>*{padding-block:.75rem}.flash-screen>*{padding-block:1rem}.flash-success{--type-bold: var(--primary-700);--type-bg: var(--primary-100)}.flash-error{--type-bold: var(--danger-700);--type-bg: var(--danger-100)}.flash-info{--type-bold: var(--accent-info-700);--type-bg: var(--accent-info-100)}.flash button.close-btn{background:none;border:none;border-left:1px solid var(--type-bold);padding-left:.75rem;font-size:1rem;cursor:pointer;color:var(--type-bold)}.input-group.datalist-container{position:relative;width:100%}.datalist-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;max-height:200px;overflow-y:auto;z-index:1000}.datalist-item{padding:.75rem 1rem;cursor:pointer}.datalist-item:hover{background:#f5f5f5}.datalist-empty{padding:.75rem 1rem;color:#888}.list-items{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.list-item{background-color:var(--neutral-200);display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.85rem}.list-item button{border:none;background:transparent;cursor:pointer;font-size:.9rem;line-height:1}.remove-all-btn{cursor:pointer;font-size:.8rem;color:var(--danger-600);max-width:max-content}.dropdown,.profile-dropdown,.edit-profile-dropdown{position:relative;width:max-content;color:var(--neutral-700)}.dropdown-trigger{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;border-radius:999px;border:1px solid var(--line);background:var(--white);cursor:pointer;font-weight:500}.dropdown-trigger i{font-size:.75rem;transition:transform .2s ease}.dropdown.open .dropdown-trigger i{transform:rotate(180deg)}.dropdown-menu{--size: 13rem;position:absolute;top:calc(100% + .5rem);left:0;min-width:100%;background:var(--white);border:1px solid var(--line);border-radius:.75rem;box-shadow:0 8px 30px #00000014;opacity:0;pointer-events:none;transform:translateY(-5px);transition:.2s ease;z-index:1000;padding:.85rem}.dropdown-menu.open{opacity:1;pointer-events:auto}.profile-dropdown .dropdown-menu{right:0;left:auto}.dropdown.open .dropdown-menu,.profile-dropdown.open .dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.profile-dropdown-desc{display:flex;gap:.5rem;align-items:center;padding-bottom:.85rem;margin-bottom:.575rem;border-bottom:1px solid var(--neutral-300)}.profile-dropdown-desc .profile-info{font-size:.9rem;display:flex;flex-direction:column;line-height:1.3;min-width:0}.profile-dropdown-desc .profile-info h4,.profile-dropdown-desc .profile-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.profile-dropdown-desc .profile-info h4{font-weight:600}.profile-dropdown-desc img{width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;border:1px solid var(--neutral-300)}.dropdown-item{min-width:calc(var(--size) * var(--ui-scale));font-size:1rem;padding:.75rem 1rem;width:100%;cursor:pointer;text-align:left}.dropdown-item+.dropdown-item{margin-top:.25rem}.dropdown-item.active{font-weight:500;background:var(--neutral-50)}.profile-dropdown .dropdown-item{display:flex;gap:.5rem;align-items:center}.profile-dropdown .user-profile{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;cursor:pointer;border:1px solid var(--line)}.profile-dropdown .user-profile img{width:100%;height:100%;object-fit:cover}.profile-dropdown .dropdown-item button{width:100%;background:none;border:none;text-align:left;padding:0;font-size:inherit;color:inherit;cursor:pointer}.dropdown-item:hover{background:var(--neutral-50)}.paginator{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:2rem}.paginator-ellipsis{padding:0 6px;font-size:1rem;opacity:.6;-webkit-user-select:none;user-select:none}.paginator-btn,.paginator-page{border:1px solid rgba(0,0,0,.12);background:var(--neutral-100);padding:.625rem .875rem;border-radius:6px;cursor:pointer;font-size:.9rem;line-height:1;transition:transform .05s ease,box-shadow .15s ease,background .15s ease}.paginator-btn:hover,.paginator-page:hover{box-shadow:0 2px 5px #00000014;transform:translateY(-1px)}.paginator-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.paginator-btn{background:var(--neutral-200)}.paginator-pages{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.paginator-page.is-active{background:var(--primary-600);border-color:var(--primary-600);color:var(--white);cursor:default;box-shadow:none;transform:none}.paginator-meta{font-size:13px;opacity:.75}.not-found-section{width:100%;text-align:center;display:flex;justify-content:center;align-items:center}.not-found-section .container{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:8px;padding:2rem 1rem}.not-found-section h2{font-size:1.25rem;color:var(--neutral-600);font-weight:600;margin-top:1rem;margin-bottom:.5rem}.not-found-section p{color:var(--neutral-600)}.not-found-section .not-found-image{max-width:100px;filter:grayscale(1)}.recipes-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem 1rem}.recipes-container-title{font-weight:600}.recipe-card .recipe-image{width:100%;aspect-ratio:16 / 10;max-height:200px;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;border:1px solid var(--neutral-400)}.recipe-card .recipe-image img{width:100%;height:100%;object-fit:cover;object-position:center}.recipe-card .recipe-image .recipe-image-overlay{position:absolute;inset:0;background:linear-gradient(to right,#0003,#0000 40% 60%,#0003)}.recipe-card .recipe-card-like-button{position:absolute;top:.5rem;right:.5rem;width:40px;height:40px;border:none;outline:none;border-radius:999px;background:var(--white);display:grid;place-items:center;box-shadow:0 0 5px #00000026;cursor:pointer;transition:.15s ease;color:var(--danger-600);font-size:1.5rem}.recipe-card .recipe-card-like-button:hover{filter:brightness(.95);transform:translateY(-1px);box-shadow:0 2px 8px #0003}.recipe-card-badge{position:absolute;top:.5rem;left:.5rem;padding:.25rem .45rem;border-radius:5px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.15rem;box-shadow:0 0 5px #00000026;width:max-content;max-width:180px}.recipe-card-badge .badge-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.recipe-card-badge.for-name{border:1px solid var(--primary-500);background:var(--primary-50);color:var(--primary-600)}.recipe-card-badge.favs{border:1px solid var(--danger-500);background:var(--danger-100);color:var(--danger-700)}.recipe-card .recipe-content h3{font-size:1rem;font-weight:600;margin-top:.75rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.recipe-card .recipe-info{margin-top:.5rem;display:flex;gap:.75rem;font-size:.85rem;text-align:center;color:var(--neutral-600)}.recipe-card .recipe-info-list{display:flex;align-items:center;gap:.15rem;flex-wrap:wrap;justify-content:center}.guides-page-list{margin-top:2rem;display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:2rem 1rem}.guide-card-image{border:1px solid var(--line);width:100%;aspect-ratio:16 / 10;max-height:200px;overflow:hidden;box-shadow:0 4px 12px #0000001a;border-radius:8px}.guide-card-image img{width:100%;height:100%;object-fit:cover}.guide-card-title{font-weight:600;margin-top:.85rem;font-size:1rem}.guide-card-excerpt{margin-top:.25rem;font-size:.9rem;color:var(--muted)}.guide-card-date{font-size:.85rem;color:var(--neutral-500);margin-top:.5rem;font-weight:500}@media(max-width:900px){.guides-page-list{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:570px){.guides-page-list{grid-template-columns:repeat(1,minmax(200px,1fr))}}.modal-container{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:1000;padding-inline:1.5rem}.modal-content{background:#fff;width:100%;max-width:370px;padding:1rem;border-radius:.75rem}.modal-content h2{font-size:1.125rem;font-weight:600;text-align:center}.crop-container{position:relative;width:100%;height:300px;background:var(--neutral-50);margin:1rem 0 0}.modal-actions{margin-top:1rem;border-top:1px solid var(--neutral-400);display:flex;justify-content:flex-end;gap:.5rem}.modal-actions .btn{flex:1;margin-top:1rem}.instructions{text-align:center;margin-bottom:1rem;color:var(--neutral-600)}.instructions i{margin:0 .25rem}.crop-container{position:relative;width:100%;height:350px;background:var(--neutral-100);border-radius:.5rem;overflow:hidden}.reactEasyCrop_CropArea{border:10px dashed red!important;box-shadow:0 0 0 9999px #0006!important}.reactEasyCrop_CropAreaRound{border:2px solid white!important}.hide{opacity:0}.color-primary{color:var(--primary-600)}.medium{font-weight:500}.semibold{font-weight:600}.mt-1{margin-top:1rem}.mt-05{margin-top:.5rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mb-1{margin-bottom:1rem}.mb-05{margin-bottom:.5rem}.mb-2{margin-bottom:2rem}.ml-1{margin-left:1rem}.ml-05{margin-left:.5rem}.ml-2{margin-left:2rem}.mr-1{margin-right:1rem}.mr-05{margin-right:.5rem}.mr-2{margin-right:2rem}.error-text{color:var(--danger-700);font-size:.8rem;margin-top:.25rem;display:inline-block}.reveal-on-scroll{opacity:0;transform:translateY(calc(16px * var(--ui-scale)))}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media(max-width:560px){html{font-size:calc(15px * var(--ui-scale))}.container{padding-inline:1.5rem}.recipe-card-badge{max-width:100px}.recipe-card .recipe-info{font-size:.9rem}}