:root{color-scheme:light;--font-display: "Fraunces", "Iowan Old Style", serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--h1: clamp(2.6125rem, 36.3682px + 1.6974vw, 3.3594rem);--h2: clamp(2.1775rem, 30.3173px + 1.4134vw, 2.7994rem);--h3: clamp(1.8144rem, 25.2618px + 1.1776vw, 2.3325rem);--h4: clamp(1.5119rem, 21.0491px + .9815vw, 1.9438rem);--h5: clamp(1.26rem, 17.5418px + .8182vw, 1.62rem);--h6: clamp(1.05rem, 14.6182px + .6818vw, 1.35rem);--body: clamp(.875rem, 12.1818px + .5682vw, 1.125rem);--color-bg: #f1eee6;--color-surface: #faf8f3;--color-surface-raised: #ffffff;--color-border: rgba(28, 27, 25, .08);--color-text: #1c1b19;--color-text-muted: #8c8579;--color-text-faint: #b3ada0;--color-accent: #4f8f6b;--color-accent-strong: #3a6b50;--color-accent-bg: #dceae3;--color-highlight-bg: #dceaef;--color-highlight-strong: #3f7385;--color-status-open: #b8b2a6;--color-status-swap: #e3b341;--color-status-missing: #d1604a;--color-status-ready: #4f8f6b;--color-status-leftover: #a8927b;--color-tag-mint-bg: #dcefe3;--color-tag-mint-text: #2f6b4f;--color-tag-amber-bg: #fce8c9;--color-tag-amber-text: #8a6a1f;--color-tag-danger-bg: #f7deda;--color-tag-danger-text: #b23b2e;--radius-lg: 24px;--radius-md: 16px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(28, 27, 25, .04), 0 12px 28px rgba(28, 27, 25, .06);font-family:var(--font-body);background:var(--color-bg);color:var(--color-text)}*{box-sizing:border-box}body,html,#root{margin:0;width:100%;min-height:100%}body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg)}.app-shell{display:flex;align-items:center;justify-content:center;padding:1.25rem;width:100%}@media (min-width: 640px){.app-shell{padding:2rem}}.eyebrow{margin:0 0 .5rem;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.card{width:100%;min-width:320px;max-width:540px;padding:1.75rem;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}@media (min-width: 640px){.card{padding:2.75rem}}h1,h2,h3,h4,h5,h6{margin:0 0 .75rem;font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.01em}h1{font-size:var(--h1)}h2{font-size:var(--h2)}h3{font-size:var(--h3)}h4{font-size:var(--h4)}h5{font-size:var(--h5)}h6{font-size:var(--h6)}p{font-size:var(--body);line-height:1.6;margin:.75rem 0;color:var(--color-text-muted)}.error{color:var(--color-status-missing)}.success{color:var(--color-accent-strong)}a{color:var(--color-accent-strong);font-weight:500;text-decoration:none}a:hover{text-decoration:underline}form{display:flex;flex-direction:column;gap:.25rem;margin-top:1.5rem}label{font-size:.8rem;font-weight:500;color:var(--color-text-muted);margin-top:.75rem}input{padding:.7rem .85rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text);font-family:var(--font-body);font-size:1rem}input::placeholder{color:var(--color-text-faint)}input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.actions{display:flex;gap:.75rem;margin-top:1.75rem}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:.75rem 1.5rem;border-radius:var(--radius-pill);border:none;background:var(--color-text);color:var(--color-surface);font-family:var(--font-body);font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;margin-top:1.25rem;transition:opacity .15s ease}.button:hover{opacity:.85;text-decoration:none}.button:disabled{opacity:.5;cursor:not-allowed}.button-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-pill);background:var(--color-surface-raised);border:1px solid var(--color-border);font-size:.85rem;color:var(--color-text)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-status-open)}.status-dot.ready{background:var(--color-status-ready)}.status-dot.swap{background:var(--color-status-swap)}.status-dot.missing{background:var(--color-status-missing)}.status-dot.leftover{background:var(--color-status-leftover)}.cell-highlight{background:var(--color-highlight-bg);color:var(--color-highlight-strong)}.tag{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:500}.tag-mint{background:var(--color-tag-mint-bg);color:var(--color-tag-mint-text)}.tag-amber{background:var(--color-tag-amber-bg);color:var(--color-tag-amber-text)}.tag-danger{background:var(--color-tag-danger-bg);color:var(--color-tag-danger-text)}.app-layout{display:flex;width:100%;min-height:100vh;align-items:stretch;background:var(--color-bg)}.sidebar{display:none;flex-direction:column;width:220px;flex-shrink:0;align-self:flex-start;position:sticky;top:0;height:100vh;padding:1.75rem 1.25rem;border-right:1px solid var(--color-border);gap:1.5rem}.sidebar-brand{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:600}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar .nav-link{flex-direction:row;justify-content:flex-start;gap:.65rem;padding:.6rem .75rem;font-size:.9rem}.sidebar .nav-link:hover{background:var(--color-surface)}.sidebar-settings{margin-top:auto}.sidebar-account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-content{display:flex;flex-direction:column;flex:1;min-width:0}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 0}.topbar-brand{font-family:var(--font-display);font-size:1.35rem;font-weight:600}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-card);cursor:pointer}.avatar{flex-shrink:0;border-radius:50%;object-fit:cover}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent-bg);color:var(--color-accent-strong);font-weight:600;font-family:var(--font-body)}.app-main{flex:1;width:100%;padding:1.25rem 1.25rem 5.5rem}.page{max-width:880px;margin:0 auto}.page-subtitle{margin-top:-.25rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--color-surface-raised);border-top:1px solid var(--color-border);padding:.5rem .25rem}.bottom-nav .nav-link{flex-direction:column;gap:.2rem;padding:.35rem .5rem;font-size:.7rem}.nav-link{display:flex;align-items:center;border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:500;text-decoration:none}.nav-link:hover{text-decoration:none}.nav-link.active{color:var(--color-accent-strong);background:var(--color-accent-bg)}@media (min-width: 768px){.sidebar{display:flex}.app-topbar,.bottom-nav{display:none}.app-main{padding:2.5rem}}.section-title{margin:2rem 0 1rem}.tab-nav{display:flex;gap:.5rem;margin-top:1.5rem;border-bottom:1px solid var(--color-border);padding-bottom:.75rem}.tab-link{padding:.5rem 1rem;border-radius:var(--radius-pill);color:var(--color-text-muted);font-weight:500;font-size:.9rem;text-decoration:none}.tab-link:hover{background:var(--color-surface);text-decoration:none}.tab-link.active{color:var(--color-accent-strong);background:var(--color-accent-bg)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1.5rem}.stat-card{min-width:0;max-width:none}.stat-value{margin:.25rem 0;font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--color-text)}.day-strip{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;margin-top:1.5rem}.day-card{flex:0 0 auto;min-width:92px;padding:.85rem;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.day-card.cell-highlight{background:var(--color-highlight-bg);border-color:transparent}.day-card-top{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--color-text-muted)}.day-card-date{margin:.4rem 0 0;font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--color-text)}.day-card-status{margin:.2rem 0 0;font-size:.8rem}.recipe-card{margin-top:1rem;max-width:none;min-width:0}.recipe-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.recipe-card-head h3{margin:0;color:var(--color-text)}.tag-row{display:flex;gap:.5rem;margin-top:.75rem}.list-card{margin-top:1.5rem;max-width:none;min-width:0;padding:.5rem 1.75rem}.settings-card{margin-top:1.5rem;max-width:none;min-width:0}.settings-card .section-title{margin-top:0}.avatar-upload-row{display:flex;align-items:center;gap:1.25rem;margin-top:1rem}.avatar-upload-row .button{margin-top:0}.avatar-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.household-members{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.85rem}.household-member{display:flex;align-items:center;gap:.75rem}.household-member-name{margin:0;color:var(--color-text);font-weight:500}.household-member-email{margin:0;font-size:.85rem}.invite-link-row{display:flex;gap:.75rem;margin-top:1.25rem}.invite-link-input{flex:1;min-width:0}.invite-link-row .button{margin-top:0}.household-rename-form{display:flex;flex-direction:row;align-items:center;gap:.75rem;margin-top:.25rem}.household-rename-form .button{margin-top:0}.household-name-input{flex:1;min-width:0}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{flex-shrink:0;background:var(--color-border);border-radius:var(--radius-md);animation:skeleton-pulse 1.5s ease-in-out infinite}.household-skeleton{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}.household-skeleton .household-rename-form{margin-top:0}.list-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--color-border)}.list-row:last-child{border-bottom:none}.list-row-meta{color:var(--color-text-muted)}