@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap);:root{--navy:#1d3557;--gold:#bc956a;--copper:#cb997e;--cream:#f5ede3;--sage:#8a9a5b;--rust:#a44a3f;--white:#fff;--black:#2c2c2c;--gray-100:#f7f7f7;--gray-200:#e9e9e9;--gray-300:#dadada;--gray-400:#bcbcbc;--gray-500:#9e9e9e;--success:#4a7b63;--warning:#de9e48;--error:#a44a3f;--info:#457b9d;--primary:var(--navy);--secondary:var(--gold);--accent:var(--copper);--background:var(--white);--text:var(--black);--text-secondary:var(--gray-500);--font-heading:"Playfair Display",serif;--font-body:"Inter",sans-serif;--text-h1:48px;--text-h2:24px;--text-h3:20px;--text-body-large:16px;--text-body-regular:14px;--text-body-small:12px;--spacing-minimum:4px;--spacing-tight:8px;--spacing-standard:16px;--spacing-medium:24px;--spacing-large:32px;--spacing-extra-large:48px;--spacing-section:64px;--radius-small:4px;--radius-medium:8px;--radius-large:12px;--radius-extra-large:16px;--button-height:48px;--icon-size-standard:24px;--icon-size-large:32px;--shadow-small:0 1px 3px #0000001a;--shadow-medium:0 4px 6px #0000001a;--shadow-large:0 10px 15px #0000001a;--transition-fast:0.15s ease-in-out;--transition-standard:0.3s ease-in-out;--transition-slow:0.5s ease-in-out}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes reflect{0%,to{opacity:1}50%{opacity:.3}}@keyframes aurora{0%{background-position:50% 50%}to{background-position:350% 50%}}.main-content-area{margin-top:0}@media (min-width:768px){.main-content-area{margin-top:150px}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--background);color:#2c2c2c;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;font-size:var(--text-body-regular);line-height:1.5;margin:0;padding:0}.heading-1{font-size:48px;font-size:var(--text-h1);line-height:1.2;margin:0 0 24px;margin:0 0 var(--spacing-medium) 0}.heading-1,.heading-2{font-family:Playfair Display,serif;font-family:var(--font-heading);font-weight:400}.heading-2{font-size:24px;font-size:var(--text-h2);line-height:1.3;margin:0 0 16px;margin:0 0 var(--spacing-standard) 0}.heading-3{font-family:Playfair Display,serif;font-family:var(--font-heading);font-size:20px;font-size:var(--text-h3);font-weight:400;line-height:1.4;margin:0 0 8px;margin:0 0 var(--spacing-tight) 0}.body-large{font-size:16px;font-size:var(--text-body-large);line-height:1.6}.body-regular{font-size:14px;font-size:var(--text-body-regular);line-height:1.5}.body-small{font-size:12px;font-size:var(--text-body-small);line-height:1.4}.text-secondary{color:#9e9e9e;color:var(--text-secondary)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-medium);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;font-size:var(--text-body-regular);font-weight:500;height:48px;height:var(--button-height);justify-content:center;min-width:120px;padding:0 24px;padding:0 var(--spacing-medium);text-decoration:none;transition:all .3s ease-in-out;transition:all var(--transition-standard)}.btn:focus{outline:2px solid #1d3557;outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#1d3557;background-color:var(--primary);color:#fff;color:var(--white)}.btn-primary:hover:not(:disabled){background-color:color-mix(in srgb,#1d3557 85%,#000);background-color:color-mix(in srgb,var(--primary) 85%,#000);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-medium);transform:translateY(-1px)}.btn-secondary{background-color:#bc956a;background-color:var(--secondary);color:#fff;color:var(--white)}.btn-secondary:hover:not(:disabled){background-color:color-mix(in srgb,#bc956a 85%,#000);background-color:color-mix(in srgb,var(--secondary) 85%,#000);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-medium);transform:translateY(-1px)}.btn-outline{background-color:initial;border:2px solid #1d3557;border:2px solid var(--primary);color:#1d3557;color:var(--primary)}.btn-outline:hover:not(:disabled){background-color:#1d3557;background-color:var(--primary);color:#fff;color:var(--white)}.btn-ghost{background-color:initial;color:#1d3557;color:var(--primary)}.btn-ghost:hover:not(:disabled){background-color:#f7f7f7;background-color:var(--gray-100)}.input{background-color:#fff;background-color:var(--white);border:2px solid #dadada;border:2px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-medium);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;font-size:var(--text-body-regular);height:48px;height:var(--button-height);padding:0 16px;padding:0 var(--spacing-standard);transition:all .3s ease-in-out;transition:all var(--transition-standard);width:100%}.input:focus{border-color:#1d3557;border-color:var(--primary);box-shadow:0 0 0 3px #1d35571a;outline:none}.input:disabled{background-color:#f7f7f7;background-color:var(--gray-100);color:#9e9e9e;color:var(--gray-500);cursor:not-allowed}.input-error{border-color:#a44a3f;border-color:var(--error)}.input-error:focus{box-shadow:0 0 0 3px #a44a3f1a}.card{background-color:#fff;background-color:var(--white);border-radius:12px;border-radius:var(--radius-large);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-small);padding:24px;padding:var(--spacing-medium);transition:all .3s ease-in-out;transition:all var(--transition-standard)}.card:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.card-body,.card-header{margin-bottom:16px;margin-bottom:var(--spacing-standard)}.card-footer{border-top:1px solid #e9e9e9;border-top:1px solid var(--gray-200);margin-top:16px;margin-top:var(--spacing-standard);padding-top:16px;padding-top:var(--spacing-standard)}.container{margin:0 auto;max-width:1200px;padding:0 16px;padding:0 var(--spacing-standard)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-small{gap:8px;gap:var(--spacing-tight)}.gap-standard{gap:16px;gap:var(--spacing-standard)}.gap-medium{gap:24px;gap:var(--spacing-medium)}.gap-large{gap:32px;gap:var(--spacing-large)}.p-small{padding:8px;padding:var(--spacing-tight)}.p-standard{padding:16px;padding:var(--spacing-standard)}.p-medium{padding:24px;padding:var(--spacing-medium)}.p-large{padding:32px;padding:var(--spacing-large)}.m-small{margin:8px;margin:var(--spacing-tight)}.m-standard{margin:16px;margin:var(--spacing-standard)}.m-medium{margin:24px;margin:var(--spacing-medium)}.m-large{margin:32px;margin:var(--spacing-large)}.mb-small{margin-bottom:8px;margin-bottom:var(--spacing-tight)}.mb-standard{margin-bottom:16px;margin-bottom:var(--spacing-standard)}.mb-medium{margin-bottom:24px;margin-bottom:var(--spacing-medium)}.mb-large{margin-bottom:32px;margin-bottom:var(--spacing-large)}.mt-small{margin-top:8px;margin-top:var(--spacing-tight)}.mt-standard{margin-top:16px;margin-top:var(--spacing-standard)}.mt-medium{margin-top:24px;margin-top:var(--spacing-medium)}.mt-large{margin-top:32px;margin-top:var(--spacing-large)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.focus-visible:focus{outline:2px solid #1d3557;outline:2px solid var(--primary);outline-offset:2px}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.recipe-detail-container{background-color:#fff;font-family:Inter,sans-serif;min-height:100vh}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.recipe-title{font-size:28px;font-weight:600;margin:0}@media (min-width:1024px){.recipe-title{font-size:32px}}.recipe-info{font-weight:400;margin:0}.recipe-origin{font-style:italic;margin:0}.recipe-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.recipe-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.recipe-button{align-items:center;background:#1d3557;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.recipe-button:hover{background:#bc956a;box-shadow:0 4px 12px #1d35574d;transform:translateY(-1px)}.recipe-button:active{transform:translateY(0)}.image-gallery-container{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.image-gallery-main{background:#f5f3f0;position:relative}.image-gallery-thumbnails{grid-gap:8px;background:#fff;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:16px}.image-thumbnail{border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s ease}.image-thumbnail:hover{border-color:#bc956a;transform:scale(1.02)}.image-thumbnail.active{border-color:#1d3557}.audio-player-container{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.audio-player-controls{align-items:center;background:#f5f3f0;display:flex;gap:12px;padding:16px}.audio-play-button{align-items:center;background:#1d3557;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s ease;width:48px}.audio-play-button:hover{background:#bc956a;transform:scale(1.05)}.audio-progress-bar{background:#e5e5e5;border-radius:3px;cursor:pointer;flex:1 1;height:6px;overflow:hidden}.audio-progress-fill{background:#1d3557;height:100%;transition:width .1s ease}@media (min-width:1024px){.recipe-content>*+*{margin-top:32px}}.recipe-detail-layout{display:flex;flex-direction:column}@media (min-width:1024px){.recipe-detail-layout{flex-direction:row}}.recipe-images-section{width:100%}@media (min-width:1024px){.recipe-images-section{width:50%}}.recipe-content-section{width:100%}@media (min-width:1024px){.recipe-content-section{max-height:100vh;overflow-y:auto;width:50%}}.nav-header{background-color:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 1px 3px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}@media (min-width:1024px){.nav-header{position:relative}}.nav-content{padding:12px 16px}@media (min-width:1024px){.nav-content{padding:16px 24px}}.nav-buttons{justify-content:space-between}.nav-button,.nav-buttons{align-items:center;display:flex}.nav-button{background:none;border:none;color:#1d3557;cursor:pointer;font-size:14px;text-decoration:none;transition:color .2s ease}.nav-button:hover{color:#1d3557cc}@media (min-width:1024px){.nav-button{font-size:16px}}.nav-icon{height:20px;margin-right:8px;width:20px}.recipe-content{padding:24px 16px}@media (min-width:1024px){.recipe-content{padding:32px 24px}}.recipe-content>*+*{margin-top:24px}.recipe-title,.recipe-title-section{margin-bottom:12px}.recipe-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1d3557;display:-webkit-box;font-family:Playfair Display,serif;font-size:24px;line-height:1.2;overflow:hidden}@media (min-width:1024px){.recipe-title{font-size:30px}}.recipe-info{margin-bottom:8px}.recipe-info,.recipe-origin{color:#8b7355;font-size:14px}.recipe-stories-section{margin-top:24px}.recipe-stories-title{color:#1d3557;font-family:Playfair Display,serif;font-size:20px;margin-bottom:24px}@media (min-width:1024px){.recipe-stories-title{font-size:24px}}.slider{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer}.slider::-webkit-slider-track{background:#e5e5e5;border-radius:4px;height:8px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1d3557;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.slider::-webkit-slider-thumb:hover{background:#bc956a;transform:scale(1.1)}.slider::-moz-range-track{background:#e5e5e5;border:none;border-radius:4px;height:8px}.slider::-moz-range-thumb{background:#1d3557;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.slider::-moz-range-thumb:hover{background:#bc956a;transform:scale(1.1)}.responsive-container{margin:0 auto;max-width:100%;padding:0 16px;padding:0 var(--spacing-standard);width:100%}@media (min-width:768px){.responsive-container{max-width:768px;padding:0 24px;padding:0 var(--spacing-medium)}}@media (min-width:1024px){.responsive-container{max-width:1024px;padding:0 32px;padding:0 var(--spacing-large)}}@media (min-width:1440px){.responsive-container{max-width:1440px;padding:0 48px;padding:0 var(--spacing-extra-large)}}@media (min-width:1920px){.responsive-container{max-width:1920px;padding:0 48px;padding:0 var(--spacing-extra-large)}}@media (min-width:2560px){.responsive-container{max-width:2560px;padding:0 48px;padding:0 var(--spacing-extra-large)}}@media (min-width:3840px){.responsive-container{max-width:3840px;padding:0 48px;padding:0 var(--spacing-extra-large)}}.responsive-grid{grid-gap:24px;grid-gap:var(--spacing-medium);display:grid;gap:24px;gap:var(--spacing-medium);grid-template-columns:1fr}@media (min-width:768px){.responsive-grid{gap:32px;gap:var(--spacing-large);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.responsive-grid{gap:32px;gap:var(--spacing-large);grid-template-columns:repeat(3,1fr)}}@media (min-width:1440px){.responsive-grid{gap:48px;gap:var(--spacing-extra-large);grid-template-columns:repeat(4,1fr)}}@media (min-width:1920px){.responsive-grid{gap:48px;gap:var(--spacing-extra-large);grid-template-columns:repeat(6,1fr)}}@media (min-width:2560px){.responsive-grid{gap:48px;gap:var(--spacing-extra-large);grid-template-columns:repeat(8,1fr)}}@media (min-width:3840px){.responsive-grid{gap:48px;gap:var(--spacing-extra-large);grid-template-columns:repeat(10,1fr)}}.responsive-heading-1{font-family:Playfair Display,serif;font-family:var(--font-heading);font-size:28px;line-height:1.2;margin:0 0 24px;margin:0 0 var(--spacing-medium) 0}@media (min-width:768px){.responsive-heading-1{font-size:36px}}@media (min-width:1024px){.responsive-heading-1{font-size:42px}}@media (min-width:1440px){.responsive-heading-1{font-size:48px}}@media (min-width:1920px){.responsive-heading-1{font-size:56px}}@media (min-width:2560px){.responsive-heading-1{font-size:64px}}.responsive-heading-2{font-family:Playfair Display,serif;font-family:var(--font-heading);font-size:20px;line-height:1.3;margin:0 0 16px;margin:0 0 var(--spacing-standard) 0}@media (min-width:768px){.responsive-heading-2{font-size:24px}}@media (min-width:1024px){.responsive-heading-2{font-size:28px}}@media (min-width:1440px){.responsive-heading-2{font-size:32px}}@media (min-width:1920px){.responsive-heading-2{font-size:36px}}@media (min-width:2560px){.responsive-heading-2{font-size:40px}}.responsive-padding{padding:16px;padding:var(--spacing-standard)}@media (min-width:768px){.responsive-padding{padding:24px;padding:var(--spacing-medium)}}@media (min-width:1024px){.responsive-padding{padding:32px;padding:var(--spacing-large)}}@media (min-width:1440px){.responsive-padding{padding:48px;padding:var(--spacing-extra-large)}}@media (min-width:1920px){.responsive-padding{padding:64px}}@media (min-width:2560px){.responsive-padding{padding:80px}}.responsive-button{font-size:12px;font-size:var(--text-body-small);height:44px;min-width:100px;padding:0 16px;padding:0 var(--spacing-standard)}@media (min-width:768px){.responsive-button{font-size:14px;font-size:var(--text-body-regular);height:48px;min-width:120px;padding:0 24px;padding:0 var(--spacing-medium)}}@media (min-width:1024px){.responsive-button{font-size:16px;font-size:var(--text-body-large);height:52px;min-width:140px;padding:0 32px;padding:0 var(--spacing-large)}}.responsive-card{background:#fff;border-radius:12px;border-radius:var(--radius-large);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-small);padding:24px;padding:var(--spacing-medium);transition:all .3s ease-in-out;transition:all var(--transition-standard)}@media (min-width:768px){.responsive-card{padding:32px;padding:var(--spacing-large)}}@media (min-width:1024px){.responsive-card{padding:48px;padding:var(--spacing-extra-large)}}.desktop-only{display:block!important}.mobile-only{display:none!important}.mobile-header-row{align-items:center!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important}@media (min-width:768px){.mobile-only{display:none!important}}@media (max-width:767px){.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-only.mobile-header-row{display:flex!important}.container{padding:0 8px;padding:0 var(--spacing-tight)}.responsive-heading-1{font-size:24px}.responsive-heading-2{font-size:18px}.responsive-button{font-size:12px;font-size:var(--text-body-small);height:40px;min-width:80px}.responsive-grid{gap:16px;gap:var(--spacing-standard);grid-template-columns:1fr}.responsive-container{padding:0 8px;padding:0 var(--spacing-tight)}.mobile-nav{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-tight)}.hide-on-mobile{display:none!important}@supports (-webkit-touch-callout:none){.mobile-viewport-fix{min-height:-webkit-fill-available}}.mobile-auth-container{-webkit-overflow-scrolling:touch;min-height:auto;min-height:-webkit-fill-available;overflow-y:visible;position:relative}@supports (padding:max(0px)){.mobile-safe-area{padding-bottom:max(20px,env(safe-area-inset-bottom))}}@media (max-width:767px){body,html{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.mobile-form{padding:16px;padding:var(--spacing-standard)}.mobile-input{font-size:16px;height:48px;padding:0 16px;padding:0 var(--spacing-standard);width:100%}.mobile-card{margin-bottom:16px;margin-bottom:var(--spacing-standard);padding:16px;padding:var(--spacing-standard)}.mobile-scroll{overflow-y:auto;overscroll-behavior:contain}.mobile-modal,.mobile-scroll{-webkit-overflow-scrolling:touch}.mobile-modal{touch-action:pan-y}.mobile-bottom-nav{background:#fff;border-top:1px solid #e9e9e9;bottom:0;height:80px;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:1000}.mobile-content{padding-bottom:100px}}@media (max-width:480px){.responsive-heading-1{font-size:20px}.responsive-heading-2{font-size:16px}.responsive-button{font-size:12px;height:36px;min-width:70px}.responsive-container{padding:0 8px;padding:0 var(--spacing-tight)}.mobile-form{padding:8px;padding:var(--spacing-tight)}}@media (min-width:768px) and (max-width:1023px){.responsive-container{padding:0 24px;padding:0 var(--spacing-medium)}.responsive-grid{gap:32px;gap:var(--spacing-large);grid-template-columns:repeat(2,1fr)}}.mobile-fullscreen-modal{-webkit-overflow-scrolling:touch!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;bottom:0!important;height:100vh!important;left:0!important;min-height:100vh!important;min-width:100vw!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;touch-action:none!important;transform:translateZ(0)!important;width:100vw!important;will-change:transform!important;z-index:10003!important}@media (max-width:767px){.mobile-invite-modal{border-radius:0!important;box-sizing:border-box!important;height:100vh!important;max-height:100vh!important;max-width:none!important;overflow-y:auto!important;position:relative!important;touch-action:pan-x pan-y!important;width:100%!important;z-index:10015!important}.mobile-invite-modal,.mobile-invite-modal input,.mobile-invite-modal textarea{font-size:16px!important}.mobile-recipe-modal{border-radius:0!important;max-width:none!important;z-index:99999!important}.mobile-recipe-modal,.mobile-recipe-modal-overlay{bottom:0!important;height:100%!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100%!important}.mobile-recipe-modal-overlay{z-index:99998!important}.mobile-recipe-modal .modal-footer{background:#fff!important;border-top:1px solid #e5e5e5!important;bottom:0!important;box-shadow:0 -2px 10px #0000001a!important;left:0!important;padding:20px!important;position:absolute!important;right:0!important;z-index:100000!important}.mobile-recipe-modal .modal-content{-webkit-overflow-scrolling:touch;overflow-y:auto;padding-bottom:100px!important}body.modal-open{height:100%;overflow:hidden;position:fixed;width:100%}.mobile-recipe-modal button{min-height:44px;min-width:44px}.mobile-recipe-modal input,.mobile-recipe-modal select,.mobile-recipe-modal textarea{font-size:16px}.mobile-recipe-modal .step-nav{-webkit-overflow-scrolling:touch!important;background:#fff!important;border-bottom:1px solid #e5e5e5!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;padding:16px 20px!important;position:relative!important;z-index:99999!important}.mobile-recipe-modal .step-nav button{cursor:pointer;flex-shrink:0!important;font-size:14px!important;min-height:44px!important;padding:8px 16px!important;transition:all .2s ease;white-space:nowrap!important}.mobile-recipe-modal .step-nav button:hover{transform:scale(1.05)}.mobile-recipe-modal,.mobile-recipe-modal-overlay{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;transform:translateZ(0)!important}.mobile-recipe-modal,.mobile-recipe-modal-overlay{will-change:transform!important}}
/*# sourceMappingURL=main.6905c3f1.css.map*/