@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700;9..144,800&family=Inter:wght@400;500;600;700&family=Instrument+Serif&family=DM+Mono:wght@400;500&display=swap";:root{--bg: #f5f1e8;--bg-2: #ece5d3;--surface: #ffffff;--ink: #1a1a1a;--ink-2: #4a4a4a;--ink-3: #8a8a8a;--line: #e0d8c4;--accent: #00a651;--accent-2: #008042;--accent-soft: #dfeadb;--error: #c24545;--error-soft: #fbe9e9;--warning: #d4860b;--warning-soft: #fbf1da;--success: var(--accent);--radius: 18px;--radius-sm: 10px;--radius-lg: 24px;--radius-pill: 999px;--font-display: "Fraunces", "Instrument Serif", Georgia, serif;--font-ui: "Inter", system-ui, sans-serif;--font-mono: "DM Mono", ui-monospace, monospace;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-reveal: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-reveal: .7s;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--shadow-xs: 0 1px 2px rgba(26, 26, 26, .04);--shadow-sm: 0 2px 6px rgba(26, 26, 26, .06);--shadow-md: 0 4px 14px rgba(26, 26, 26, .08);--shadow-lg: 0 12px 32px rgba(26, 26, 26, .12);--shadow-xl: 0 24px 60px rgba(26, 26, 26, .18);--shadow-card: var(--shadow-sm);--shadow-card-hover: var(--shadow-md);--shadow-card-subtle: var(--shadow-xs);--shadow-warm: 0 4px 20px rgba(0, 166, 81, .14);--shadow-glow: 0 0 0 3px rgba(0, 166, 81, .22);--c-primary: var(--accent);--c-primary-dark: var(--accent-2);--c-primary-light: var(--accent-soft);--c-primary-lighter: #ecf4e9;--c-primary-hover: #19b460;--c-primary-glow: rgba(0, 166, 81, .22);--c-primary-gradient: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);--c-secondary: #4a6045;--c-secondary-hover: #5a735a;--c-accent: var(--accent-2);--c-accent-light: var(--accent-soft);--c-accent-hover: #006a37;--c-highlight: #d9a441;--c-highlight-light: #faf1de;--c-bg: var(--bg);--c-bg-subtle: var(--bg-2);--c-card: var(--surface);--c-card-hover: #f8f5ec;--c-text: var(--ink);--c-text-secondary: var(--ink-2);--c-text-muted: var(--ink-3);--c-text-on-primary: #ffffff;--c-border: var(--line);--c-border-light: color-mix(in oklab, var(--line) 70%, transparent);--c-border-focus: var(--accent);--c-error: var(--error);--c-error-light: var(--error-soft);--c-warning: var(--warning);--c-warning-light: var(--warning-soft);--c-success: var(--success);--c-success-light: var(--accent-soft);--r-sm: 8px;--r-md: 12px;--r-lg: var(--radius-sm);--r-xl: var(--radius);--r-2xl: var(--radius-lg);--r-full: var(--radius-pill);--font-display-legacy: var(--font-display);--font: var(--font-ui)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg)}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);line-height:1.55;font-size:17px;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;position:relative}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;line-height:1.12;letter-spacing:-.02em;color:var(--ink)}h5,h6{font-family:var(--font-ui);font-weight:700;letter-spacing:-.01em;color:var(--ink)}img{display:block;max-width:100%}button{cursor:pointer;font-family:var(--font-ui)}input,textarea,select{font-family:var(--font-ui)}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:1240px;margin:0 auto;padding:0 32px}@media(max-width:900px){.container{padding:0 20px}}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:10px;font-weight:500}.eyebrow:before{content:"";width:24px;height:1px;background:currentColor}.eyebrow.eyebrow-gold{color:#e8d9a5}.display{font-family:var(--font-display);font-size:clamp(48px,7vw,92px);line-height:1.02;font-weight:500;letter-spacing:-.035em}.display em{font-style:italic;font-weight:400;color:var(--accent)}.lead{font-size:20px;line-height:1.5;color:var(--ink-2);max-width:58ch}.squiggle{position:relative;white-space:nowrap;padding:0 2px}.squiggle:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-8px;height:10px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'><path d='M0 6 Q 15 0 30 5 T 60 5 T 90 5 T 100 5' stroke='%2300a651' stroke-width='2.5' fill='none' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-size:100% 100%}.circled{position:relative;display:inline-block;padding:0 6px}.circled:before{content:"";position:absolute;top:-6px;right:-10px;bottom:-6px;left:-10px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 80' preserveAspectRatio='none'><path d='M20 40 Q 10 15 100 12 Q 190 14 185 42 Q 185 68 100 70 Q 12 68 20 40 Z' stroke='%2300a651' stroke-width='2.2' fill='none' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-size:100% 100%;z-index:-1}.doodle-float{position:absolute;pointer-events:none;opacity:.9;color:var(--ink)}.doodle-wobble{animation:doodleWobble 6s ease-in-out infinite;transform-origin:center}.doodle-bounce{animation:doodleBounce 3s ease-in-out infinite}@keyframes doodleWobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes doodleBounce{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(4deg)}}.tilt-left{transform:rotate(-1.2deg)}.tilt-right{transform:rotate(1.2deg)}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line)}.card-pad{padding:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:16px;font-weight:600;border:1px solid transparent;cursor:pointer;min-height:48px;text-decoration:none;transition:transform .08s ease,background .15s ease,border-color .15s ease,color .15s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{transform:translateY(-1px);background:var(--accent-2)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--ink)}.btn-lg{padding:18px 32px;font-size:18px;min-height:58px}.btn-text{background:none;border:none;color:var(--ink);font-weight:600;cursor:pointer;padding:0}.site-nav{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--bg) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.site-nav-inner{max-width:1240px;margin:0 auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-nav-links{display:flex;gap:28px;align-items:center;font-size:16px}.site-nav-links a{color:var(--ink-2);text-decoration:none;font-weight:500}.site-nav-links a:hover{color:var(--ink)}.site-nav-actions{display:flex;gap:12px;align-items:center}@media(max-width:900px){.site-nav-inner{padding:14px 20px;gap:12px;flex-wrap:wrap}.site-nav-links{display:none}}.auth-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-brand{background:var(--accent);color:#fff;padding:48px 56px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-form{padding:64px 56px;display:flex;align-items:center;justify-content:center;background:var(--bg)}.auth-divider{display:flex;align-items:center;gap:12px;margin:28px 0;color:var(--ink-3);font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.auth-mobile-logo{display:none}@media(max-width:900px){.auth-wrap{grid-template-columns:1fr}.auth-brand{display:none}.auth-mobile-logo{display:block}.auth-form{padding:32px 20px;align-items:flex-start;min-height:100vh}}.member-app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.member-sidebar{background:var(--surface);border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh}.sidebar-top{padding:4px 8px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:0 0 auto}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:transparent;border:none;color:var(--ink-2);font-family:var(--font-ui);font-size:15px;font-weight:500;cursor:pointer;text-align:left;transition:background .12s,color .12s;text-decoration:none}.sidebar-item:hover{background:var(--bg-2);color:var(--ink)}.sidebar-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-item.primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;margin:4px 0;box-shadow:0 6px 18px -6px #00a65173}.sidebar-item.primary:hover{background:linear-gradient(135deg,var(--accent-2) 0%,#06311e 100%);color:#fff;transform:translateY(-1px)}.sidebar-item:focus-visible,.btn:focus-visible,.filter-pill:focus-visible,.platform-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:14px}.member-main{min-width:0}.member-page{max-width:1180px;margin:0 auto;padding:48px 40px 80px}.mobile-bottom-bar{display:none}@media(max-width:900px){.member-app{grid-template-columns:1fr}.member-sidebar{display:none}.member-page{padding:24px 20px 100px}.mobile-bottom-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:50;justify-content:space-around}.mbb-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;cursor:pointer;padding:8px 4px;color:var(--ink-3);font-size:11px;font-family:var(--font-ui);font-weight:500;text-decoration:none}.mbb-item.active{color:var(--accent)}.mbb-item.primary{color:#fff}.mbb-item.primary svg{background:var(--accent);border-radius:50%;padding:6px;width:32px;height:32px}}.dashboard-cta{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-radius:24px;padding:48px;display:flex;align-items:center;gap:40px;position:relative;overflow:hidden;cursor:pointer;text-align:left;border:none;width:100%;font-family:inherit}.dashboard-cta-illustration{flex-shrink:0}@media(max-width:900px){.dashboard-cta{flex-direction:column;padding:32px 24px;gap:24px;align-items:flex-start}.dashboard-cta-illustration{display:none}}.recipe-card{padding:0;overflow:hidden;cursor:pointer;transition:transform .1s}.recipe-card:hover{transform:translateY(-2px)}.recipe-card-img{height:140px;background:var(--bg-2);position:relative;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.03) 10px,rgba(0,0,0,.03) 20px)}.search-wrap{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);min-width:240px}.search-wrap input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-ui);font-size:15px;color:var(--ink)}.filter-row{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.filter-pill{padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-2);cursor:pointer;font-family:var(--font-ui);font-size:14px;font-weight:500}.filter-pill.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.hero-app-teaser{margin-top:36px;padding:14px 18px 14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;gap:16px;max-width:520px}.hero-app-teaser-title{font-family:var(--font-display);font-weight:500;font-size:18px;letter-spacing:-.015em;color:var(--ink)}.hero-app-teaser-sub{font-size:13.5px;color:var(--ink-2);margin-top:2px}.hero-app-teaser-cta{background:var(--ink);color:var(--bg);border:none;padding:10px 16px;border-radius:999px;font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0}.hero-app-teaser-cta:hover{background:var(--accent)}.app-promo{background:linear-gradient(135deg,var(--accent) 0%,#0a2e24 100%);padding:120px 0 130px;overflow:hidden;position:relative}.app-promo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(232,217,165,.12) 0%,transparent 40%)}.app-promo-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;position:relative}.app-promo-features{margin-top:36px;display:flex;flex-direction:column;gap:22px;padding:28px 0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}.app-promo-feature{display:flex;gap:18px;align-items:flex-start}.app-promo-feature-num{font-family:var(--font-mono);font-size:12px;color:#e8d9a5;letter-spacing:.1em;padding-top:6px;min-width:32px;flex-shrink:0}.app-promo-feature-title{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.02em;color:#fff;margin-bottom:4px}.app-promo-feature-body{color:#ffffffc7;font-size:15px;line-height:1.5}@media(max-width:960px){.app-promo-grid{grid-template-columns:1fr;gap:48px}}.platform-toggle{display:inline-flex;gap:4px;padding:4px;background:var(--bg-2);border-radius:999px}.platform-pill{padding:10px 20px;border-radius:999px;border:none;background:transparent;font-family:var(--font-ui);font-size:15px;font-weight:600;cursor:pointer;color:var(--ink-2)}.platform-pill.active{background:var(--ink);color:var(--bg)}.auto-image-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative}.auto-image-card{border-radius:14px;overflow:hidden;box-shadow:0 20px 40px -24px #0009,0 2px 8px #0000004d;transform:translateY(12px);opacity:0;animation:autoImgIn .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--delay, 0s);transition:transform .4s ease,box-shadow .4s ease}.auto-image-card:nth-child(2),.auto-image-card:nth-child(5){transform:translateY(32px)}.auto-image-card:hover{transform:translateY(-4px);box-shadow:0 30px 50px -20px #000000b3,0 4px 12px #0006}@keyframes autoImgIn{to{opacity:1}}@media(max-width:900px){.auto-image-gallery{grid-template-columns:repeat(2,1fr);gap:10px}.auto-image-card{transform:none!important}}@keyframes reveal-up{0%{opacity:0;transform:translateY(24px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes reveal-scale{0%{opacity:0;transform:scale(.92);filter:blur(2px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes pop-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}to{transform:translateY(140px) rotate(720deg) scale(.5);opacity:0}}@keyframes check-draw{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes progress-stripe{0%{background-position:0 0}to{background-position:40px 0}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes swirl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gentle-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes typingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.stagger-1{animation-delay:.06s}.stagger-2{animation-delay:.12s}.stagger-3{animation-delay:.18s}.stagger-4{animation-delay:.24s}.stagger-5{animation-delay:.3s}.skeleton{background:linear-gradient(90deg,var(--bg-2) 0%,var(--surface) 50%,var(--bg-2) 100%);background-size:200% 100%;animation:shimmer 1.6s linear infinite;border-radius:var(--radius-sm)}html:not(.js-ready) [data-reveal]{opacity:1!important;transform:none!important}html[data-auth=guest] [data-show-when=user],html[data-auth=user] [data-show-when=guest],html[data-auth=unknown] [data-show-when=user],html[data-auth=unknown] [data-show-when=guest]{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.mono{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);letter-spacing:.08em}.mono.accent{color:var(--accent)}.mono.gold{color:#e8d9a5}