:root{--family-accent:#8b5cf6;--family-pink:#ec4899;--panel:rgba(255,255,255,.045);--line:rgba(255,255,255,.11)}
body{min-height:100vh;background:radial-gradient(circle at 80% 0%,rgba(124,58,237,.16),transparent 34%),#0e1017;color:#f5f3ff}
.navbar{min-height:64px;background:rgba(14,16,23,.86);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.navbar .container-xl{display:flex;gap:2rem}.navbar-brand span{color:#fbbf24}.main-nav{display:flex;gap:.35rem;margin-right:auto}.main-nav a{color:#aaa7b8;text-decoration:none;padding:.55rem .8rem;border-radius:.7rem}.main-nav a:hover{color:#fff;background:rgba(255,255,255,.06)}.user-nav{display:flex;align-items:center;gap:.8rem}.user-nav form{margin:0}.user-nav span{font-size:.85rem;color:#aaa7b8}
.eyebrow{font-size:.72rem;letter-spacing:.15em;color:#c4b5fd;font-weight:700}.dashboard-hero{display:flex;justify-content:space-between;align-items:end;padding:1.5rem 0 2rem}.dashboard-hero h1{font-size:clamp(2.1rem,5vw,4rem);margin:.45rem 0}.dashboard-hero p{color:#aaa7b8;font-size:1.08rem}.hero-date{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;border:1px solid var(--line);border-radius:1rem}.hero-date strong{font-size:2rem}.hero-date span{text-transform:uppercase;font-size:.7rem;letter-spacing:.12em}
.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hub-card,.feature-card,.meal-day{background:var(--panel);border:1px solid var(--line);border-radius:1.25rem;padding:1.5rem}.hub-card-main{grid-column:span 2;min-height:285px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,rgba(124,58,237,.26),rgba(236,72,153,.09))}.hub-card h2{margin:.7rem 0;font-size:1.55rem}.hub-card p{color:#aaa7b8}.hub-link{position:relative;color:inherit;text-decoration:none;min-height:220px;transition:.2s}.hub-link:hover{transform:translateY(-3px);border-color:rgba(139,92,246,.65);color:inherit}.card-icon{font-size:2rem;display:block;margin-bottom:1.1rem}.arrow{position:absolute;right:1.5rem;bottom:1.2rem;font-size:1.5rem}.status-pill,.chip{display:inline-flex;width:max-content;padding:.35rem .7rem;border-radius:99px;background:rgba(139,92,246,.18);color:#d8b4fe;font-size:.8rem}.btn-primary{--bs-btn-bg:var(--family-accent);--bs-btn-border-color:var(--family-accent)}
.page-heading{display:flex;align-items:end;justify-content:space-between;margin:1.5rem 0 2rem}.page-heading h1{font-size:clamp(2rem,4vw,3.5rem);margin:.35rem 0}.page-heading p{color:#aaa7b8;margin:0}.feature-card{padding:1.25rem}.empty-state{text-align:center;padding:5rem;border:1px dashed var(--line);border-radius:1.25rem}.empty-state span{font-size:3rem}
.meal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.meal-day{padding:0;overflow:hidden}.meal-day header{display:flex;justify-content:space-between;padding:1rem 1.2rem;background:rgba(139,92,246,.12)}.meal-day header span{color:#aaa7b8}.meal-slot{padding:1rem 1.2rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:.7rem}.meal-slot small{color:#c4b5fd;text-transform:uppercase;letter-spacing:.1em}.meal-slot h2{font-size:1rem;margin:.3rem 0}.meal-slot p{font-size:.75rem;color:#aaa7b8;margin:0}.meal-day form{padding:0 1rem}.roulette-result{max-width:720px;padding:5rem 1rem}.roulette-orb{font-size:4rem;animation:pulse 1.5s infinite}.hero-card{background:linear-gradient(135deg,rgba(124,58,237,.24),rgba(236,72,153,.10));border:1px solid var(--line)}.metric-card,.activity-card{padding:1.25rem;border:1px solid var(--line);border-radius:1rem;background:var(--panel)}.metric-card{display:flex;flex-direction:column;gap:.35rem}.metric-card span{color:var(--bs-secondary-color);font-size:.875rem}.metric-card strong{font-size:1.35rem}.activity-card .badge{color:#fff}
@keyframes pulse{50%{transform:scale(1.08)}}
@media(max-width:991px){.dashboard-grid{grid-template-columns:1fr 1fr}.hub-card-main{grid-column:span 2}.meal-grid{grid-template-columns:1fr 1fr}.main-nav{position:fixed;bottom:0;left:0;right:0;background:#151722;justify-content:space-around;padding:.5rem;z-index:30}.main-nav a{font-size:.8rem}.user-nav span{display:none}body{padding-bottom:70px}}
@media(max-width:600px){.dashboard-grid,.meal-grid{grid-template-columns:1fr}.hub-card-main{grid-column:auto}.dashboard-hero{align-items:start}.hero-date{display:none}.page-heading{align-items:start;gap:1rem}.page-heading h1{font-size:2rem}.navbar .container-xl{gap:.5rem}.user-nav .btn{font-size:0}.user-nav .btn:after{content:'↗';font-size:.9rem}}

.recipe-form{max-width:1000px;margin:auto}.ingredient-list{list-style:none;padding:0}.ingredient-list li{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid var(--bs-border-color)}.steps li{padding:.45rem}.macro-strip{display:flex;gap:1.2rem;flex-wrap:wrap;padding:1rem;border:1px solid var(--bs-border-color);border-radius:1rem;background:var(--bs-tertiary-bg)}.shopping-aisle{margin-bottom:1.5rem}.shopping-aisle>div{display:grid;gap:.5rem}.shopping-recipe-group{padding:.8rem;border-radius:.9rem;background:rgba(255,255,255,.025)}.shopping-recipe-side{border-left:3px solid var(--bs-primary);padding-left:1rem}.shopping-item{width:100%;border:1px solid var(--bs-border-color);border-radius:.8rem;background:var(--bs-tertiary-bg);color:inherit;padding:.8rem 1rem;display:grid;grid-template-columns:2rem 1fr auto;text-align:left}.shopping-item.checked{opacity:.5;text-decoration:line-through}.meal-status-accepted{border-left:3px solid #22c55e}.meal-status-rejected{opacity:.6}.mobile-tabs{display:none}
.recipe-ingredients-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.recipe-serving-control{display:grid;grid-template-columns:2.55rem minmax(4.5rem,5.5rem) 2.55rem;gap:.35rem;align-items:center}.recipe-serving-control .btn,.recipe-serving-control .form-control{min-height:2.55rem;padding:.35rem;text-align:center}.recipe-serving-control .form-control{font-weight:800}.recipe-serving-control input::-webkit-inner-spin-button{display:none}.recipe-serving-reset{grid-column:1/-1;border:0;background:transparent;color:var(--bs-primary);font-size:.75rem;text-decoration:underline}.recipe-serving-hint{margin:.8rem 0 0;color:var(--bs-secondary-color);font-size:.78rem}.recipe-ingredients-card .ingredient-list strong{white-space:nowrap;text-align:right}.recipe-ingredients-card .ingredient-list li>span:first-child{padding-right:1rem}
.push-diagnostic{display:flex;align-items:center;gap:.65rem;padding:.8rem 1rem;border:1px solid var(--bs-border-color);border-radius:.8rem;background:var(--bs-tertiary-bg)}.push-diagnostic[data-state="success"]{border-color:rgba(34,197,94,.65);color:#bbf7d0}.push-diagnostic[data-state="warning"]{border-color:rgba(245,158,11,.65);color:#fde68a}.push-diagnostic[data-state="error"]{border-color:rgba(239,68,68,.7);color:#fecaca}
@media(max-width:575px){.recipe-ingredients-heading{display:grid}.recipe-serving-control{grid-template-columns:3rem minmax(0,1fr) 3rem;width:100%}.recipe-ingredients-card .ingredient-list li{align-items:flex-start}.recipe-ingredients-card .ingredient-list li>span:first-child{min-width:0}.recipe-ingredients-card .ingredient-list strong{flex:0 0 auto}}
@media(max-width:767px){body{padding-bottom:5rem}.navbar .main-nav,.navbar .user-nav span,.navbar .user-nav form{display:none}.mobile-tabs{position:fixed;display:grid;grid-template-columns:repeat(7,1fr);bottom:0;left:0;right:0;z-index:1030;background:#12131b;border-top:1px solid #353746;padding:.4rem env(safe-area-inset-right) calc(.35rem + env(safe-area-inset-bottom)) env(safe-area-inset-left)}.mobile-tabs a{display:grid;justify-items:center;color:#c7c8d1;text-decoration:none;font-size:1.15rem}.mobile-tabs span{font-size:.68rem}.page-heading{align-items:flex-start}.page-heading>.d-flex{flex-wrap:wrap}.meal-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.macro-strip{gap:.7rem}.shopping-item{min-height:48px}}
.slot-choice{display:block;padding:.8rem 1rem;border:1px solid var(--bs-border-color);border-radius:.8rem;background:var(--bs-tertiary-bg);cursor:pointer}.slot-choice:has(input:checked){border-color:#8b5cf6;background:rgba(139,92,246,.14)}

.recipe-quick-list{overflow:hidden;border:1px solid var(--line);border-radius:1rem;background:var(--panel)}
.recipe-quick-row{display:grid;grid-template-columns:minmax(18rem,1fr) auto auto auto;align-items:center;gap:1.25rem;padding:.72rem 1rem;border-bottom:1px solid var(--line)}
.recipe-quick-row:last-child{border-bottom:0}.recipe-quick-row:hover{background:rgba(139,92,246,.08)}
.recipe-quick-title{font-weight:650;color:#f5f3ff;text-decoration:none}.recipe-quick-title:hover{color:#c4b5fd;text-decoration:underline}
.recipe-quick-row>span{font-size:.82rem;color:#aaa7b8;white-space:nowrap}
@media(max-width:767px){.recipe-quick-row{grid-template-columns:1fr auto;gap:.25rem .75rem;padding:.85rem}.recipe-quick-row>div:first-child{grid-column:1/-1}.recipe-quick-row>span{white-space:normal}.recipe-quick-row .btn{grid-column:2;grid-row:2/4;align-self:center}}
.recipe-quick-classification{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.25rem}.recipe-quick-classification span{font-size:.68rem;color:#c4b5fd;background:rgba(139,92,246,.14);padding:.12rem .42rem;border-radius:99px}
.fridge-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:1.25rem;align-items:start}
.fridge-chat{position:sticky;top:82px;padding:0;overflow:hidden}.fridge-chat-stream{display:flex;flex-direction:column;gap:.8rem;max-height:46vh;overflow:auto;padding:1.25rem;background:linear-gradient(180deg,rgba(139,92,246,.08),transparent)}
.chat-bubble{max-width:88%;padding:.8rem 1rem;border-radius:1rem;background:rgba(255,255,255,.06);border:1px solid var(--line)}.chat-bubble.user{align-self:flex-end;background:rgba(139,92,246,.24);border-bottom-right-radius:.25rem}.chat-bubble.assistant{align-self:flex-start;border-bottom-left-radius:.25rem}.chat-bubble strong{display:block;font-size:.72rem;color:#c4b5fd;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.chat-bubble p{margin:0;white-space:pre-wrap}
.fridge-state{display:flex;gap:.4rem;flex-wrap:wrap;padding:.8rem 1.25rem 0}.ingredient-chip{font-size:.75rem;border-radius:99px;padding:.3rem .6rem;background:rgba(255,255,255,.07);color:#ddd6fe}.ingredient-chip.available{background:rgba(34,197,94,.12);color:#bbf7d0}.ingredient-chip.excluded{background:rgba(239,68,68,.12);color:#fecaca}
.fridge-composer{padding:1.25rem;display:grid;gap:.75rem}.fridge-composer textarea{resize:vertical;min-height:70px}.fridge-suggestions{display:flex;gap:.4rem;flex-wrap:wrap;padding:0 1.25rem}.fridge-suggestions button{border:1px solid var(--line);background:transparent;color:#c4b5fd;border-radius:99px;padding:.3rem .65rem;font-size:.75rem}
.fridge-chat>form:last-child{padding:0 1.25rem 1.25rem}.fridge-results{display:grid;gap:.8rem}.fridge-results>div:first-child{grid-column:1/-1}.fridge-result{padding:1.1rem 1.25rem}.fridge-result.best{border-color:rgba(139,92,246,.7);background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(236,72,153,.05))}.fridge-result-top{display:flex;justify-content:space-between;gap:1rem}.fridge-result-top h3{margin:.55rem 0}.fridge-result-top a{color:inherit}.match-score{color:#c4b5fd;font-size:1.35rem;white-space:nowrap}.ingredient-match{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.8rem 0}.ingredient-match>div{padding:.7rem;border-radius:.75rem;background:rgba(255,255,255,.035)}.ingredient-match small{color:#aaa7b8}.ingredient-match p{margin:.25rem 0 0;font-size:.85rem}.empty-fridge-result{text-align:center;padding:3rem}.empty-fridge-result>span{font-size:2rem}
@media(max-width:991px){.fridge-layout{grid-template-columns:1fr}.fridge-chat{position:static}.fridge-chat-stream{max-height:none}.fridge-heading{display:grid}.ingredient-match{grid-template-columns:1fr}}