@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Lato:wght@300;400;700&display=swap";:root{--color-bg:#fdf6ee;--color-bg-card:#fff;--color-bg-warm:#f5ebd9;--color-bg-muted:#f0e6d3;--color-border:#e8d5b7;--color-border-dark:#d4b896;--color-primary:#c4622d;--color-primary-dark:#a04e22;--color-primary-light:#f0d4c0;--color-text:#2c1810;--color-text-muted:#7a5c48;--color-text-light:#b08060;--color-success:#5a7f5c;--color-success-bg:#e8f2e8;--color-nav:#2c1810;--font-display:"Playfair Display", Georgia, serif;--font-body:"Lato", -apple-system, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #2c181014;--shadow-md:0 4px 12px #2c18101a;--shadow-lg:0 8px 24px #2c18101f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-text);line-height:1.2}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.15rem;font-weight:600}p{color:var(--color-text-muted);line-height:1.7}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn{border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;letter-spacing:.02em;border:none;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-sans);background:var(--color-primary);color:#fff;border:none;border-radius:10px;padding:.875rem 1.5rem;transition:all .15s}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);color:#fff;text-decoration:none;transform:translateY(-1px)}.btn-secondary{cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-sans);background:var(--color-bg-card);color:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:10px;padding:.875rem 1.5rem;transition:all .15s}.btn-secondary:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary);text-decoration:none}.btn-ghost{color:var(--color-text-muted);border:1.5px solid var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-muted);color:var(--color-text);text-decoration:none}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-md);color:#fff;background:#4a6f4c;text-decoration:none;transform:translateY(-1px)}.btn-danger{color:#fff;background:#c0392b}.btn-danger:hover:not(:disabled){color:#fff;background:#a93226;text-decoration:none}.btn-sm{padding:.4rem .9rem;font-size:.8rem}.btn-lg{padding:.85rem 2rem;font-size:1rem}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-warm{background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.input{width:100%;font-family:var(--font-body);background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);outline:none;padding:.6rem .9rem;font-size:.95rem;transition:border-color .15s}.input:focus{border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-light)}.textarea{resize:vertical;min-height:100px}label{color:var(--color-text);letter-spacing:.02em;margin-bottom:.4rem;font-size:.85rem;font-weight:700;display:block}.nav{background:var(--color-nav);z-index:100;justify-content:space-between;align-items:center;height:60px;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000026}.nav-brand{font-family:var(--font-display);color:var(--color-bg);letter-spacing:.01em;font-size:1.3rem;font-weight:700}.nav-links{align-items:center;gap:.25rem;display:flex}.nav-link{font-family:var(--font-body);color:#fdf6eeb3;cursor:pointer;border-radius:var(--radius-sm);letter-spacing:.02em;background:0 0;border:none;padding:.4rem .75rem;font-size:.875rem;font-weight:400;transition:all .15s}.nav-link:hover{color:var(--color-bg);background:#ffffff1a}.nav-link.active{color:var(--color-bg);background:#c4622d66;font-weight:700}.nav-link:disabled{opacity:.35;cursor:not-allowed}.nav-right{align-items:center;gap:.75rem;display:flex}.nav-email{color:#fdf6ee99;font-size:.8rem}.page{max-width:960px;margin:0 auto;padding:2rem 1.5rem}.tag{letter-spacing:.03em;text-transform:uppercase;border-radius:20px;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.tag-primary{background:var(--color-primary-light);color:var(--color-primary-dark)}.tag-success{background:var(--color-success-bg);color:var(--color-success)}.tag-muted{background:var(--color-bg-muted);color:var(--color-text-muted)}.divider{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.progress-bar{background:var(--color-border);border-radius:4px;height:6px;overflow:hidden}.progress-fill{background:var(--color-success);border-radius:4px;height:100%;transition:width .4s}.loading{color:var(--color-text-muted);text-align:center;padding:2rem;font-size:.9rem}.empty-state{text-align:center;background:var(--color-bg-warm);border-radius:var(--radius-lg);border:1px dashed var(--color-border-dark);padding:3rem 2rem}.empty-state p{margin-bottom:1.25rem}.text-muted{color:var(--color-text-muted)}.text-small{font-size:.85rem}.text-success{color:var(--color-success)}.text-error{color:#c0392b}.font-display{font-family:var(--font-display)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.check-circle{border:2px solid var(--color-border-dark);color:#fff;cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;transition:all .15s;display:flex}.check-circle.checked{border-color:var(--color-success);background:var(--color-success)}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.aisle-label{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:0;padding:.5rem 0 .3rem;font-size:.7rem;font-weight:700}.step-pill{background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:20px;margin-bottom:.5rem;padding:.2rem .75rem;font-size:.8rem;font-weight:700;display:inline-block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:3px}a.btn-link{display:inline-block;color:#fff!important;text-decoration:none!important}@media (width<=768px){.nav-bar{flex-wrap:wrap;padding:0 1rem!important}.nav-links{gap:1rem!important}.nav-email{display:none!important}.creator-nav-bar,.op-nav-bar{padding:0 1rem!important}.op-nav-left{flex:1;min-width:0;overflow:hidden;gap:.5rem!important}.op-nav-tabs{-webkit-overflow-scrolling:touch;min-width:0;padding-bottom:2px;flex-wrap:nowrap!important;gap:.75rem!important;overflow-x:auto!important}.op-nav-tabs::-webkit-scrollbar{height:0}.op-nav-right{flex-shrink:0}.op-sign-out{padding:.3rem .6rem!important;font-size:.8rem!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.table-scroll{-webkit-overflow-scrolling:touch;border-radius:16px;overflow-x:auto}.table-scroll>div{min-width:560px}.main-content{padding:1rem!important}.recipe-grid{grid-template-columns:1fr!important}.menu-calendar{-webkit-overflow-scrolling:touch;gap:.5rem!important;padding-bottom:.5rem!important;display:flex!important;overflow-x:auto!important}.menu-calendar>div{flex-shrink:0!important;min-width:120px!important}.dashboard-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.dashboard-header-actions{flex-wrap:wrap!important;width:100%!important}.dashboard-header-actions button,.dashboard-header-actions a{text-align:center!important;flex:1!important;justify-content:center!important}.shopping-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.shopping-actions{gap:.5rem!important;width:100%!important;display:flex!important}.shopping-actions a,.shopping-actions button{text-align:center!important;flex:1!important}.onboarding-card{padding:1.25rem!important}.recipe-time-grid{grid-template-columns:1fr!important}.meal-btn-active,.meal-btn-inactive{padding:.25rem .4rem!important;font-size:.65rem!important}.login-card{width:auto!important;margin:1rem!important}}@media (width<=480px){.menu-calendar>div{min-width:100px!important}h1,h2{font-size:1.4rem!important}}@media print{nav,.nav-bar,button,a{display:none!important}body{color:#000!important;background:#fff!important}.main-content{padding:0!important}}.bottom-nav{display:flex}@media (width>=768px){.bottom-nav{display:none!important}}