.pwa-install-overlay{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--primary-background);border:1px solid var(--secondary-background);padding:12px 20px;border-radius:12px;box-shadow:var(--overlay-container-box-shadow);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:var(--z-index-popup);width:max-content;background:var(--secondary-background)}.pwa-install-overlay>.overlay-content{display:flex;flex-direction:column;margin-bottom:20px}.pwa-install-overlay>.overlay-content p{font-size:1.25rem}.pwa-install-overlay .overlay-content button:first-of-type{margin:0 0 0 auto}.popup-alert{position:fixed;top:0;left:0;width:100%;height:100%;height:var(--vh, 100dvh);background-color:var(--overlay-background);display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-1;opacity:0;transition:all .2s ease-in-out}.popup-alert.show{opacity:1;z-index:var(--z-index-alert)}.popup-alert .overlay-container{padding:10px;border-radius:8px;width:100%;max-width:400px;position:relative;text-align:center;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.popup-alert .overlay-container button{margin:0 0 0 auto}.popup-alert .overlay-container button svg{color:var(--text-main)}.popup-alert .overlay-container.alert-error{background:var(--error-color)}.popup-alert .overlay-container.alert-success{background:var(--success-color)}.popup-alert .overlay-container p{width:100%;text-align:center;margin:0 0 10px;font-size:1.75rem;color:var(--text-light);text-shadow:var(--text-light-shadow)}.auth-backdrop{position:fixed;top:var(--navbar-height);left:0;display:flex;flex-direction:column;align-items:center;width:100%;height:calc(100% - var(--navbar-height));-webkit-overflow-scrolling:touch;background-color:var(--overlay-background);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;z-index:var(--z-index-auth);padding:20px 0}.auth-card{background:var(--secondary-background);padding:40px;border-radius:25px;box-shadow:var(--card-box-shadow);width:calc(100vw - 40px);max-width:500px;margin:auto;display:flex;flex-direction:column}.auth-header{text-align:center;margin-bottom:30px}.auth-card svg{width:4rem;height:4rem;margin:0 auto;color:var(--accent-color)}.auth-card a{font-size:1rem;text-align:center}.auth-footer{margin-top:25px;text-align:center;font-size:1rem}.auth-footer p{font-size:1.25rem}.redirect-link{display:flex;justify-content:center}.category-wrapper{width:100%;position:fixed;top:var(--navbar-height);left:0;padding:12px 20px;min-height:var(--category-section-height);z-index:var(--z-index-category-section);background-color:var(--primary-background);border-bottom:1px solid var(--border-color)}.category-section{width:100%;margin:0 auto;transition:max-width .4s ease}.category-header{display:flex;align-items:flex-start;width:100%;position:relative}.category-header:after{content:"";position:absolute;top:0;right:0;height:100%;width:90px;background:linear-gradient(to right,transparent,var(--primary-background) 70%);pointer-events:none;z-index:5}.expanded .category-header:after{display:none}.category-container{flex:1;display:flex;gap:12px;will-change:transform,height}.category-container.scroll-mode{flex-direction:row;overflow-x:auto;white-space:nowrap;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none}.category-container.scroll-mode::-webkit-scrollbar{display:none}.category-container.grid-mode{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:10px 0;max-width:500px;margin:0 auto}.cat-item{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px 18px;background:var(--content-background);color:var(--text-main);border-radius:12px;font-weight:600;font-size:.9rem;border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;box-sizing:border-box}.grid-mode .cat-item{height:70px;text-align:center;font-size:1rem}.cat-item.active{background:var(--accent-color);color:var(--text-light);border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a}.toggle-holder{position:absolute;right:-8px;top:2px;z-index:10}.toggle-holder button svg{width:3rem;height:3rem;stroke-width:2px}@media(max-width:600px){.category-container.grid-mode{grid-template-columns:repeat(2,1fr)}.category-container.grid-mode{max-width:250px}}.navbar{height:var(--navbar-height);background:var(--navbar-background);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 10px;border-bottom:1px solid var(--border-color);z-index:var(--z-index-navbar);width:100%;position:fixed}.logo{font-size:1.25rem;color:var(--text-main);cursor:default;-webkit-user-select:none;user-select:none}.logo strong{color:var(--accent-color)}.nav-left{display:flex;align-items:center}.nav-right{display:flex;align-items:center;padding-right:20px}#menuToggle{display:none}.menu-toggle{display:block;position:relative;width:30px;height:20px;cursor:pointer;z-index:calc(var(--z-index-navbar) + 1)}.spinner{position:absolute;height:3px;width:100%;background-color:var(--menu-toggle-color);transition:all .3s ease-in-out;border-radius:2px}.diagonal.part-1{top:0}.horizontal{top:50%;transform:translateY(-50%)}.diagonal.part-2{bottom:0}#menuToggle:checked~.menu-toggle>.horizontal{opacity:0;transform:translate(10px)}#menuToggle:checked~.menu-toggle>.diagonal.part-1{top:50%;transform:translateY(-50%) rotate(45deg)}#menuToggle:checked~.menu-toggle>.diagonal.part-2{bottom:50%;transform:translateY(50%) rotate(-45deg)}.disable-select{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sidebar-nav{display:flex;flex-direction:column;margin-top:15px}.nav-item{display:flex;margin-bottom:20px;cursor:pointer;font-weight:500;color:var(--text-hilight);text-decoration:none}.nav-icon{display:flex;align-items:center}.nav-item>.nav-icon svg{width:calc(var(--sidebar-base-unit) * .5);height:calc(var(--sidebar-base-unit) * .5);margin-left:calc((var(--sidebar-base-unit) * .5) * .5)}.nav-text{font-size:1rem;display:flex;align-items:center;padding-left:10px;color:var(--text-main);overflow:hidden;white-space:nowrap}.sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;z-index:var(--z-index-backdrop)}.hero-section{background:var(--gradiant-background);border-radius:25px;padding:60px 20px;text-align:center;margin:20px 0 40px}.hero-content h1{font-size:2.5rem;font-weight:800;margin-bottom:16px;letter-spacing:-.02em}.hero-content p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto 32px}.search-bar-container{max-width:500px;margin:0 auto}.search-input{width:100%;padding:16px 24px;border-radius:50px;border:var(--input-border);font-size:1rem;box-shadow:var(--input-box-shadow);transition:all .2s ease;background:var(--input-background);color:var(--text-main)}.search-input:focus{outline:none;border:var(--input-border-focus);box-shadow:var(--input-box-shadow)}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px;padding:0 20px 60px;max-width:800px;margin:0 auto}.features-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1100px;margin:0 auto 20px;padding:0 20px}.feature-card{background:var(--primary-background);padding:32px;border-radius:25px;text-align:center;box-shadow:var(--card-box-shadow)}.icon-circle{width:60px;height:60px;background:var(--primary-background);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 20px}.feature-card h3{color:var(--accent-color);margin-bottom:12px;font-size:1.25rem}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.browse-cta{text-align:center;padding:40px 20px}.browse-cta h3{font-size:1.75rem;margin-bottom:24px}.text-highlight{color:var(--accent-color)}.list-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;padding:1rem}.recipe-card-container{background:var(--secondary-background);border-radius:16px;overflow:hidden;box-shadow:var(--card-box-shadow);transition:transform .2s ease,box-shadow .2s ease;height:fit-content;border:1px solid rgba(0,0,0,.05)}.recipe-card-container:hover{transform:translateY(-4px);box-shadow:none}.recipe-card-main{cursor:pointer}.recipe-card-image{position:relative;width:100%}.recipe-card-badge{position:absolute;top:12px;right:12px;background:var(--content-background);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:3px;font-size:.8rem;font-weight:600;color:var(--accent-color)}.recipe-card-badge svg{color:var(--accent-color);width:1rem;height:1rem}.recipe-card-content{padding:.5rem}.recipe-card-header{margin-bottom:.5rem;width:100%;overflow:hidden}.recipe-card-header h3{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.recipe-detail-container{display:flex;flex-direction:column;height:calc(100% - var(--navbar-height));overflow:hidden;background:var(--content-background)}.recipe-detail-body{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.recipe-detail-banner{width:100%;height:250px}.recipe-detail-content{padding:0 10px 10px;text-align:left;width:100%}.recipe-detail-content h1{font-size:2rem;color:var(--text-main);text-shadow:var(--text-main-shadow);margin:0 0 10px;padding:0}.recipe-detail-content p{font-size:1.1rem;margin-bottom:10px;color:var(--text-secondary);padding:0;font-weight:600;text-align:left}.recipe-detail-ingredients h3{font-size:1.4rem;margin-bottom:5px;color:var(--text-main)}.ingredients-list{column-count:2;column-gap:20px}.ingredients-list li{font-size:.9rem;color:var(--text-secondary);font-weight:400}.recipe-detail-instructions h3{font-size:1.4rem;margin-bottom:5px;color:var(--text-dark)}.recipe-detail-instructions ul{list-style-type:decimal;padding-left:20px}.recipe-detail-instructions li{font-size:1rem;margin-bottom:10px;color:var(--text-dark);font-weight:600}.recipe-detail-ingredients h3{font-size:1.4rem;margin-bottom:5px;color:var(--text-dark)}.recipe-detail-container{display:flex;flex-direction:column;height:calc(100% - var(--navbar-height));overflow:hidden;background:var(--content-background);box-shadow:0 -10px 25px #0000001a}.recipe-detail-body{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;scrollbar-color:var(--accent-color) transparent;scroll-behavior:smooth;padding-bottom:4rem}.recipe-detail-banner{width:100%;height:350px;position:relative;box-shadow:0 4px 12px #0000001a}.recipe-detail-banner img{width:100%;height:100%;object-fit:cover}.recipe-detail-content{padding:2rem 1.5rem;max-width:800px;margin:0 auto;width:100%}.recipe-detail-content h1{font-size:2.5rem;color:var(--text-main);letter-spacing:-.5px;margin-bottom:.5rem;line-height:1.2}.recipe-detail-content p{font-size:1.1rem;margin-bottom:2rem;color:var(--text-secondary);line-height:1.6;font-weight:400;border-left:4px solid var(--accent-color);padding-left:1rem}.recipe-detail-ingredients,.recipe-detail-instructions{margin-top:2rem;padding-top:1rem}.recipe-detail-ingredients h3,.recipe-detail-instructions h3{font-size:1.5rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;color:var(--text-main);border-bottom:2px solid var(--accent-color);display:inline-block;padding-bottom:4px}.ingredients-list{column-count:2;column-gap:40px;list-style:none;padding:0}.ingredients-list li{font-size:1rem;color:var(--text-main);padding:10px 0;border-bottom:1px solid rgba(0,0,0,.05);break-inside:avoid}.recipe-detail-instructions ul{list-style-type:none;padding:0;counter-reset:step-counter}.recipe-detail-instructions li{position:relative;font-size:1.1rem;margin-bottom:1.5rem;padding-left:3rem;color:var(--text-main);line-height:1.7;font-weight:500}.recipe-detail-instructions li:before{content:counter(step-counter);counter-increment:step-counter;position:absolute;left:0;top:0;background:var(--accent-color);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}@media(max-width:600px){.ingredients-list{column-count:1}.recipe-detail-content h1{font-size:1.8rem}}.recipe-title{margin:0;font-size:1.25rem;color:var(--text-main);font-weight:700}.expand-indicator{color:#999}.recipe-description{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0}.recipe-card-details{border-top:1px solid #f0f0f0;background:#fafafa}.details-inner{padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.details-section h4{display:flex;align-items:center;gap:8px;margin:0 0 1rem;font-size:1rem;color:var(--primary-color)}.ing-list{list-style:none;padding:0;margin:0}.ing-list li{display:flex;gap:10px;padding:6px 0;border-bottom:1px dashed #e0e0e0;font-size:.9rem}.ing-qty{font-weight:700;color:var(--primary-color);min-width:40px}.step-list{display:flex;flex-direction:column;gap:1rem}.step-item{display:flex;gap:12px}.step-number{background:var(--primary-color);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.step-text{margin:0;font-size:.9rem;line-height:1.4;color:var(--text-main)}.card-background{background-size:cover;background-position:center;background-repeat:no-repeat;height:150px;width:100%}.edit-list-container{max-width:800px;margin:2rem auto;padding:0 1rem;display:flex;flex-direction:column;gap:.75rem}.edit-list-item{background:var(--primary-background);border:1px solid var(--border-color);border-radius:0 25px 25px 0;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease;margin-bottom:10px}.edit-item-info{display:flex;flex-direction:column}.edit-item-info svg{width:1.25rem;height:1.25rem}.edit-item-info .status-badge{font-size:1rem}.edit-item-header{display:flex;flex-direction:row;justify-content:space-between}.edit-item-body h3{margin:10px 0 0;font-size:1.1rem;color:var(--text-main)}.edit-item-actions{display:flex;gap:1rem;width:100%}.edit-item-actions button{font-size:.9rem;margin:0 0 0 auto;padding:4px 12px}.edit-item-actions button:last-of-type{margin:0}.edit-item-actions button svg{width:1rem;height:1rem}:root{--primary-background: #fcf9f2;--secondary-background: #f3ede0;--content-background: #ffffff;--border-color: #d7ccc8;--success-color: #4a7c44;--error-color: #c0392b;--warning-color: #e67e22;--error-color-box-shadow: 0 0 0 2px rgba(192, 57, 43, .25);--gradiant-background: linear-gradient(180deg, #ffffff 0%, var(--secondary-background) 100%);--loading-background: linear-gradient(90deg, #ffffff 25%, var(--secondary-background) 50%, #ffffff 75%);--loading-background-error: color-mix(in srgb, var(--error-color), white 85%);--navbar-height: 64px;--navbar-background: #efe9db;--menu-toggle-color: #5d6d31;--category-section-height: 76px;--sidebar-min-width: 0px;--sidebar-max-width: 300px;--sidebar-base-unit: 70px;--sidebar-background: var(--navbar-background);--accent-color: #5d6d31;--text-main: #3e2723;--text-main-shadow: 1px 1px 2px rgba(62, 39, 35, .5);--text-secondary: #795548;--text-light: #ffffff;--text-light-shadow: 1px 1px 2px rgba(62, 39, 35, .5);--text-hilight: #5d6d31;--text-hilight-hover: #8d6e63;--text-hilight-hover-shadow: 3px 3px 2px rgba(93, 109, 49, .2);--text-shadow: 0 0 4px rgba(0, 0, 0, .2);--button-color: #ffffff;--button-background: #5d6d31;--button-background-hover: #4a5a25;--button-color-destructive: #ffffff;--button-background-destructive: #c0392b;--button-background-destructive-hover: #a93226;--button-color-cancel: #ffffff;--button-background-cancel: #8d8d8d;--button-background-cancel-hover: #a5a5a5;--button-navbar-color: #5d6d31;--button-navbar-color-hover: #795548;--button-navbar-color-hover-shadow: 3px 3px 2px rgba(160, 82, 45, .2);--input-border: 1px solid #c2b4a3;--input-border-focus: 1px solid #5d6d31;--input-checkbox-color-checked: #5d6d31;--input-background: #ffffff;--input-background-disabled: #e0e0e0;--status-badge-success-background: #f1f8e9;--status-badge-error-background: #fbe9e7;--status-badge-warning-background: #fff3e0;--status-badge-info-background: rgba(121, 85, 72, .1);--info-color: #5d4037;--overlay-background: rgba(62, 39, 35, .6);--overlay-container-box-shadow: 0 4px 20px rgba(62, 39, 35, .2);--card-box-shadow: 0 10px 25px -5px rgba(121, 85, 72, .15), 0 8px 10px -6px rgba(121, 85, 72, .1);--button-box-shadow: 0 4px 10px rgba(160, 82, 45, .3);--input-box-shadow: 0 0 0 3px rgba(93, 109, 49, .1);--navbar-box-shadow: 0 2px 8px rgba(121, 85, 72, .1);--sidebar-box-shadow-expanded: 10px 0 15px -5px rgba(62, 39, 35, .15);--z-index-content: 1;--z-index-category-section: 20;--z-index-content-message: 25;--z-index-backdrop: 30;--z-index-navbar: 35;--z-index-sidebar: 40;--z-index-expanded: 45;--z-index-auth: 50;--z-index-popup: 55;--z-index-alert: 60}@media(max-width:768px){:root{--sidebar-min-width: 0px}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--primary-background: #24201d;--secondary-background: #312c28;--content-background: #3d3732;--border-color: #4a433d;--navbar-background: #080707;--sidebar-background: #080707;--input-background: #453e39;--gradiant-background: linear-gradient(180deg, var(--secondary-background) 0%, var(--primary-background) 100%);--loading-background: linear-gradient(90deg, #1e1a17 25%, #2c2622 50%, #1e1a17 75%);--loading-background-error: color-mix(in srgb, var(--error-color), black 80%);--text-main: #f5f2ed;--text-secondary: #beb3ab;--text-light: #000000;--text-main-shadow: none;--text-light-shadow: none;--text-hilight: #9cb65d;--text-hilight-hover: #b8cc8b;--accent-color: #aed581;--button-background: #9cb65d;--button-color: #12100e;--button-background-hover: #b8cc8b;--button-background-destructive: #d32f2f;--button-background-destructive-hover: #ef9a9a;--button-navbar-color: #9cb65d;--button-navbar-color-hover: #e8e3d9;--input-border: 1px solid #4a4039;--input-border-focus: 1px solid #9cb65d;--input-checkbox-color-checked: #9cb65d;--input-box-shadow: 0 0 0 3px rgba(156, 182, 93, .15);--input-background: #2f2a26;--success-color: #81c784;--error-color: #ff8a80;--warning-color: #ffb74d;--info-color: #a1887f;--status-badge-success-background: rgba(129, 199, 132, .15);--status-badge-error-background: rgba(229, 115, 115, .15);--status-badge-warning-background: rgba(255, 183, 77, .15);--status-badge-info-background: rgba(161, 136, 127, .15);--overlay-background: rgba(0, 0, 0, .8);--card-box-shadow: 0 10px 30px rgba(0, 0, 0, .5);--navbar-box-shadow: 0 4px 15px rgba(0, 0, 0, .9);--button-box-shadow: 0 4px 12px rgba(0, 0, 0, .4)}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,Helvetica,Arial,sans-serif;font-size:clamp(.75rem,.375rem + .75vw,1rem);font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:3rem;color:var(--text-main);margin-bottom:20px;text-align:center;padding:0 10px}h2{font-size:2.5rem;color:var(--text-main);margin-bottom:15px;text-align:center}h3{font-size:2rem;color:var(--text-main);margin-bottom:10px}p{font-size:1.5rem;color:var(--text-secondary);margin-bottom:20px;text-align:center;padding:0 10px}@media(max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{font-size:1.25rem}}ul{list-style-type:none;padding:0;margin:0}.disable-select{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.enable-select{-webkit-tap-highlight-color:auto;-webkit-touch-callout:auto;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.app{height:100vh;height:100dvh;overflow:hidden;position:relative;height:var(--vh, 100dvh)}.layout{display:flex;flex-direction:column;position:fixed;top:var(--navbar-height);left:0;height:calc(100% - var(--navbar-height));width:100%;padding-top:75px}.sidebar{position:fixed;top:var(--navbar-height);bottom:0;right:0;background-color:var(--sidebar-background);color:var(--text-main);overflow:hidden;z-index:var(--z-index-sidebar)}.content-message-wrapper{position:fixed;top:var(--navbar-height);left:0;width:100%;text-align:center;display:flex;flex:1;min-height:var(--category-section-height);background-color:var(--primary-background);z-index:var(--z-index-content-message);padding:0 15px}.content-message{width:100%;margin:auto}.content-message span{font-size:2.5rem;color:var(--text-main);text-shadow:var(--text-main-shadow);margin:0 0 10px;padding:0;font-weight:500}@media(max-width:768px){.content-message span{font-size:2rem}}.content{flex:1;width:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;height:100%;-webkit-overflow-scrolling:touch;background:var(--content-background);z-index:var(--z-index-content)}.content-inner{padding:1rem;max-width:800px;margin:0 auto}.expanded-content{position:fixed;top:calc(var(--navbar-height) + 75px);left:0;flex:1;width:100%;height:100%;-webkit-overflow-scrolling:touch;background:var(--content-background);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;z-index:var(--z-index-expanded)}.expanded-content-inner{color:var(--text-main);padding:1rem 1rem 2rem;max-width:800px;margin:0 auto;height:100%}.list-container{display:flex;flex-direction:column}.loading-container{position:fixed;top:calc(var(--navbar-height) + 75px);left:0;width:100%;height:calc(100% - var(--navbar-height) - 75px);z-index:var(--z-index-backdrop)}.loading{background:var(--loading-background);background-size:200% 100%;animation:shimmer 1.5s infinite}.submit-container{position:fixed;top:var(--navbar-height);left:0;width:100%;height:calc(100% - var(--navbar-height));z-index:var(--z-index-backdrop);background:transparent}.action-card{width:100%;margin:0 auto 30px}.action-card:first-of-type{margin-top:30px}.action-card:last-of-type{margin-bottom:0}.action-card form{gap:0}.action-header{display:flex;justify-content:space-between;align-items:center}.action-header h3{font-size:1.25rem;margin:0}.action-header h2{font-size:2rem;width:100%}.header-icon{color:var(--accent-color)}.action-container{background:var(--secondary-background);padding:12px;border-radius:12px;box-shadow:var(--card-box-shadow)}.action-container .form-group{margin:15px 0;gap:0}.action-container .icon{font-size:3rem;width:fit-content;margin:0 auto 1rem}.action-container h3{font-size:1.25rem;margin-bottom:10px;text-align:center}.action-container p{font-size:1rem;margin:0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;height:var(--vh, 100dvh);background-color:var(--overlay-background);display:flex;justify-content:center;align-items:center;z-index:var(--z-index-popup);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:all .2s ease-in-out}.overlay.show{opacity:1}.overlay-container{background-color:var(--secondary-background);padding:20px 10px;border-radius:8px;box-shadow:var(--overlay-container-box-shadow);width:100%;max-width:400px;position:relative;text-align:center;animation:slideUp .3s ease-out}.overlay-container svg{width:4rem;height:4rem;color:var(--accent-color)}.overlay-header{display:flex;flex-direction:column;width:100%}.overlay-header p{width:100%;text-align:center;margin:0;font-size:1.25rem;color:var(--text-main)}.overlay-header button{width:fit-content;padding:0;margin:0 0 0 auto;font-size:1.75rem}.overlay-container.action-card .action-container{border-radius:0;box-shadow:none}.edit-actions{display:flex;gap:25px}.edit-actions-bottom{display:flex;gap:1rem;margin:1rem auto 0;width:75%}.edit-actions-bottom button{margin:0 auto;width:75%}.fresh-action{display:flex;margin:20px 0 10px}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;width:fit-content;display:inline-flex;align-items:center;gap:8px}.status-badge.success{background:var(--status-badge-success-background);color:var(--success-color)}.status-badge.error{background:var(--status-badge-error-background);color:var(--error-color)}.status-badge.info{background:var(--status-badge-info-background);color:var(--info-color)}.status-badge.warning{background:var(--status-badge-warning-background);color:var(--warning-color)}.page{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:800px}.page-header{background:var(--gradiant-background);border-radius:12px;padding:20px 0}.page-header h1{margin-bottom:10px}.page-header p{font-size:1rem}.error-page{display:flex;flex-direction:column;align-items:center}.error-page .page-header{text-align:center;width:100%}.error-page .page-header svg{width:4rem;height:4rem;color:var(--error-color)}.error-actions{display:flex;gap:1rem;margin-top:1rem;width:100%}.edit-container{display:flex;flex-direction:column}.edit-container .action-header{display:flex;flex-direction:column;gap:10px}.edit-body{margin-top:10px}.edit-body .expanded-content{padding-bottom:var(--navbar-height)}.edit-details-container{display:flex;flex-direction:column;gap:10px;padding:15px;max-width:800px;margin:0 auto}.edit-details-container h2{margin:0}.edit-details-container code{width:100%;text-align:center;size:1rem}.edit-details-header{display:flex;flex-direction:row;justify-content:space-between;cursor:pointer}.edit-details-header p{margin:0;padding:0}.edit-details-expansion{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:0 25px 25px 0;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease}.detail-expansion{display:flex;flex-direction:column;text-align:left;padding:10px 20px}.expansion-content{margin-top:10px}.empty-state{width:100%;height:100%;text-align:center;margin-top:20px;font-size:1.25rem;color:var(--error-color)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.link-primary,.link-secondary{--link-base: var(--text-hilight);--link-hover: var(--text-hilight-hover)}.link-underlined{--link-base: var(--text-hilight);--link-hover: var(--text-hilight-hover);border-bottom:1px solid transparent}.action-link-wrapper{color:var(--link-base);display:inline-flex}.action-link{font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;text-decoration:none;display:inline-block;transition:all .2s ease-in-out;color:inherit}.button-content{display:flex;align-items:center;justify-content:center;gap:10px}button{display:flex;align-items:center;justify-content:center;padding:12px;border:none;border-radius:50px;cursor:pointer}button:focus{outline:none}.intent-normal{--base-color: var(--button-background);--hover-color: var(--button-background-hover);--text-on-solid: var(--button-color)}.intent-destructive{--base-color: var(--button-background-destructive);--hover-color: var(--button-background-destructive-hover);--text-on-solid: var(--button-color-destructive)}.intent-cancel{--base-color: var(--button-background-cancel);--hover-color: var(--button-background-cancel-hover);--text-on-solid: var(--button-color-cancel)}button:disabled{opacity:.7;cursor:not-allowed}.button-primary{background-color:var(--base-color);color:var(--text-on-solid);border:none}.button-secondary{background-color:transparent;color:var(--base-color);border:none;padding:8px}.button-secondary svg{stroke:currentColor;fill:none}.button-sm{padding:0;font-size:1rem;width:fit-content}.button-secondary svg{width:1.5rem;height:1.5rem;stroke:currentColor;fill:none;transition:all .2s ease-in-out;stroke-width:2}.button-md{width:fit-content;margin:0 auto;font-size:1.1rem}.button-lg{margin:0 auto;width:75%;font-size:1.25rem}.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.icon-wrapper{display:flex;align-items:center;justify-content:center}form{display:flex;flex-direction:column;gap:20px}.form-detail{gap:0}.form-group{display:flex;flex-direction:column;gap:8px}.form-detail .form-group{margin:10px 0}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-main)}.form-group input{padding:12px;border:var(--input-border);border-radius:25px;font-size:1rem;transition:all .2s ease-in-out;font-family:inherit;background:var(--input-background);color:var(--text-main)}.form-group input:focus{outline:none;border:var(--input-border-focus);box-shadow:var(--input-box-shadow)}.form-group input:read-only{width:100%;border:1px solid transparent;background:transparent;padding:0;font-size:1rem;color:var(--text-secondary);outline:none;transition:all .2s ease-in-out;font-family:inherit;border-radius:0;margin-top:0;cursor:default}.form-group input:read-only:focus{border-color:none;box-shadow:none}.form-group-action{display:flex;flex-direction:row;gap:8px}.form-group-action button{width:50%}input.input-error{border-color:var(--error-color)!important}input.input-error:focus{outline:none;box-shadow:var(--error-color-box-shadow)!important}.form-group .form-list{display:flex;gap:8px;flex-wrap:wrap}.checkbox-group{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin:10px auto;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--input-checkbox-color-checked);border:1px solid var(--text-main);border-radius:4px}.checkbox-group label{font-size:.9rem;color:var(--text-main);cursor:pointer;margin-bottom:0}.checkbox-group:hover label{color:var(--accent-color);transition:all .2s ease-in-out}.form-group select{padding:12px 40px 12px 12px;border:var(--input-border);border-radius:25px;font-size:1rem;transition:all .2s ease-in-out;font-family:inherit;background-color:var(--input-background);color:var(--text-main);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:1.2rem}.form-group select:focus{outline:none;border:var(--input-border-focus);box-shadow:var(--input-box-shadow)}.form-group select:disabled{width:100%;border:1px solid transparent;background:transparent;padding:0;font-size:1rem;color:var(--text-secondary);outline:none;cursor:default;appearance:none;background-image:none}.form-group select option{background-color:var(--input-background);color:var(--text-main);padding:10px}select.input-error{border-color:var(--error-color)!important}select.input-error:focus{box-shadow:var(--error-color-box-shadow)!important}.form-group textarea{padding:12px 16px;border:var(--input-border);border-radius:18px;font-size:1rem;line-height:1.5;transition:all .2s ease-in-out;font-family:inherit;background:var(--input-background);color:var(--text-main);resize:vertical;min-height:120px}.form-group textarea:focus{outline:none;border:var(--input-border-focus);box-shadow:var(--input-box-shadow)}.form-group textarea:read-only{width:100%;border:1px solid transparent;background:transparent;padding:0;font-size:1rem;color:var(--text-secondary);outline:none;cursor:default;resize:none}textarea.input-error{border-color:var(--error-color)!important}textarea.input-error:focus{box-shadow:var(--error-color-box-shadow)!important}.form-group textarea::-webkit-scrollbar{width:8px}.form-group textarea::-webkit-scrollbar-track{background:transparent}.form-group textarea::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.file-upload-wrapper{position:relative;width:100%}.file-upload-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer;z-index:2}.file-upload-design{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;border:2px dashed var(--input-border);border-radius:18px;background:var(--input-background);color:var(--text-main);transition:all .2s ease-in-out;text-align:center}.file-upload-wrapper:hover .file-upload-design{border-color:var(--text-hilight);background:var(--button-background-hover)}.file-upload-input:focus+.file-upload-design{border:2px solid var(--input-border-focus);box-shadow:var(--input-box-shadow)}.upload-icon{width:2rem;height:2rem;stroke:var(--text-hilight);stroke-width:1.5}.upload-text{font-size:.9rem;font-weight:500}.file-upload-wrapper.has-error .file-upload-design{border-color:var(--error-color);box-shadow:var(--error-color-box-shadow)}.recipe-detail-banner-container{margin-bottom:20px;width:100%}.banner-aspect-ratio-box{width:100%;aspect-ratio:1200 / 630;background:#1a1a1a;border-radius:18px;overflow:hidden;position:relative;border:1px solid var(--input-border)}.banner-aspect-ratio-box img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.is-new-preview{filter:brightness(1.1)}.preview-badge{position:absolute;top:12px;right:12px;background:var(--text-hilight);color:#fff;padding:4px 12px;border-radius:50px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.no-banner-placeholder{width:100%;aspect-ratio:1200 / 630;display:flex;align-items:center;justify-content:center;background:var(--input-background);border:2px dashed var(--input-border);border-radius:18px;color:var(--text-secondary)}.error-text{color:var(--error-color);font-size:.75rem;font-weight:500;margin-top:2px;animation:fadeInError .2s ease-out}@keyframes fadeInError{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}