:root{font-family:Arial,sans-serif;color:#eaf4ee;background:#071f1a;font-size:16px;line-height:1.5;--orange:#ff9b58;--teal:#143d38}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 10%,#28514380,transparent 50%),radial-gradient(ellipse at 10% 55%,#98582722,transparent 50%),#071f1a}button,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit}header{padding:22px 5%;border-bottom:1px solid #ffffff17;display:flex;justify-content:space-between;align-items:center;background:#ffffff07;backdrop-filter:blur(20px)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:800;font-size:27px;letter-spacing:3px}.logo{background:var(--orange);color:#102c23;border-radius:12px;width:42px;height:42px;display:grid;place-items:center}.brand-note{font-size:11px;letter-spacing:1.5px;margin-left:20px;font-weight:400}.header-note{font-size:14px;color:#b4c9bd}main{max-width:1440px;margin:auto;padding:28px 5%}.eyebrow,.step,.example>span{font-size:12px;font-weight:700;letter-spacing:1.6px;color:var(--orange)}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,5vw,68px);letter-spacing:-2px;line-height:1.08;margin:14px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin-bottom:28px}.intro p{color:#b4c9bd;margin:16px 0;font-size:18px}.food-visual{position:relative;height:280px;overflow:hidden;border-radius:24px;border:1px solid #ffffff22}.food-visual img{width:100%;height:100%;object-fit:cover}.food-caption{position:absolute;bottom:14px;left:16px;background:#0b201bc9;backdrop-filter:blur(15px);padding:9px 14px;border:1px solid #ffffff33;border-radius:12px;font-size:13px}.workspace{display:grid;grid-template-columns:370px minmax(0,1fr);gap:28px;align-items:start}.pantry{background:#ffffff09;backdrop-filter:blur(24px);border:1px solid #ffffff22;border-radius:22px;padding:24px;box-shadow:0 16px 60px #00000022}.section-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}h2{font-size:22px;margin:0;letter-spacing:-.5px}.step{color:#abc5b5;font-size:11px}label{display:block;font-size:14px;font-weight:700;margin:15px 0 8px}select,textarea{width:100%;border:1px solid #ffffff28;border-radius:10px;padding:12px;background:#112e26;color:#edf6ee;font-size:16px}textarea{resize:vertical;min-height:126px}textarea::placeholder{color:#afc2b7}select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #ffb394;outline-offset:3px}.helper{font-size:13px;color:#afc6b8;margin:9px 0 14px;line-height:1.5}.input-tools{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.secondary{border:1px solid #ffffff30;background:#ffffff0e;border-radius:8px;padding:9px 12px;font-size:14px;color:#edf6ee}.quiet{background:none;border:0;color:#bed0c5;font-size:13px}.primary{width:100%;border:0;background:var(--orange);color:#1b2a1e;border-radius:10px;padding:15px;font-weight:700;margin-top:18px;box-shadow:0 4px 20px #ff9b5820}.primary:hover{background:#ffb17c}button:disabled{opacity:.6;cursor:wait}.check{display:flex;gap:8px;align-items:center;font-weight:400;font-size:14px}.example{border-top:1px solid #ffffff1b;padding-top:15px;margin-top:20px}.example button{display:block;background:none;border:0;padding:8px 0;text-align:left;font-size:14px;color:#eaf4ee}.results{padding:10px 0;min-width:0}#status{color:#bdd0c3;font-size:15px;margin-bottom:18px}.empty{border:1px solid #ffffff20;background:linear-gradient(135deg,#ffffff0b,#ffffff04);backdrop-filter:blur(16px);border-radius:22px;min-height:370px;padding:55px 25px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-icon{font-size:60px;color:var(--orange);line-height:1}.empty h3{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:22px 0 10px}.empty p{max-width:400px;color:#b5cbbd}.empty-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}.empty-tags span,.chip{background:#ffffff0e;border:1px solid #ffffff20;border-radius:20px;padding:6px 12px;font-size:13px}.chip{display:inline-block;margin:0 7px 10px 0}.cards{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 18px;scrollbar-color:#ff9b58 #143d38}.card{flex:0 0 calc(50% - 9px);min-width:260px;overflow:hidden;border:1px solid #ffffff24;border-radius:18px;background:#ffffff0c;backdrop-filter:blur(20px);scroll-snap-align:start;transition:transform .2s}.card:hover{transform:translateY(-3px)}.card img{width:100%;height:200px;object-fit:cover}.card-body{padding:18px}.card h3{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:8px 0 12px}.meta{font-size:12px;letter-spacing:.7px;color:#b2c7b9;text-transform:uppercase}.match{font-size:14px;color:#c9ebbb;background:#a5df8914;padding:8px 10px;border-radius:7px;display:inline-block}.missing{font-size:13px;color:#c6cfbd;margin:10px 0 14px}.card button{width:100%;background:#e3f1e7;color:#173c2e;border:0;border-radius:8px;padding:11px;font-size:14px;font-weight:700}.web{padding:20px;border-radius:15px;background:#ffffff09;border:1px solid #ffffff20;margin-top:20px;font-size:14px}.web a{display:inline-block;margin:8px 14px 0 0;font-weight:700;color:#ffbc8d}.carousel-controls{display:flex;gap:8px}.carousel-controls button{height:36px;width:36px;border-radius:50%;border:1px solid #ffffff35;background:#ffffff10;color:#fff;font-size:26px;line-height:1}footer{border-top:1px solid #ffffff20;margin-top:44px;padding-top:20px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#b5c9bc}dialog{width:min(880px,94vw);max-height:90vh;border:1px solid #ffffff35;border-radius:22px;padding:32px;color:#edf6ee;background:#102e26f5;backdrop-filter:blur(30px);overscroll-behavior:contain}dialog::backdrop{background:#001710c9;backdrop-filter:blur(7px)}.close{position:sticky;top:0;float:right;border:1px solid #ffffff30;background:#183e31;color:#fff;border-radius:50%;width:38px;height:38px;z-index:2}.recipe-image{width:100%;height:300px;object-fit:cover;border-radius:14px}.recipe-title{font-family:Georgia,serif;font-size:36px;font-weight:400;margin:14px 0}.recipe-grid{display:grid;grid-template-columns:240px 1fr;gap:30px}.recipe-grid li{margin-bottom:14px}.recipe-grid ul{padding-left:18px;font-size:14px}.recipe-grid ol{padding-left:23px;line-height:1.8}.recipe-grid h3{font-size:18px}.recipe-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.recipe-actions a,.recipe-actions button{border:1px solid #ffffff30;border-radius:8px;padding:9px 13px;background:#ffffff0c;color:#edf6ee;font-size:14px;text-decoration:none}.video{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;margin-top:18px}.error{padding:20px;border:1px solid #ffa77b66;background:#9c45152e;border-radius:12px}@media(max-width:1000px){.brand-note,.header-note{display:none}.workspace{grid-template-columns:320px minmax(0,1fr);gap:20px}.pantry{padding:20px}.card{flex-basis:90%;min-width:0}.food-visual{height:260px}}@media(max-width:680px){header{padding:18px 5%}main{padding-top:22px}.intro{grid-template-columns:1fr;gap:14px}.intro h1 br{display:none}.food-visual{height:220px}.workspace{grid-template-columns:1fr}.card{flex-basis:88%}.recipe-grid{grid-template-columns:1fr;gap:8px}dialog{padding:22px}.recipe-image{height:220px}footer{flex-direction:column}.empty{min-height:280px;padding:30px 20px}.section-top{margin-bottom:18px}.intro p{font-size:16px}.recipe-title{font-size:29px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.dish-search-row{display:flex;gap:10px}.dish-search-row input{min-width:0;flex:1;border:1px solid #ffffff28;border-radius:10px;padding:13px;background:#112e26;color:#edf6ee;font:inherit}.dish-search-row input::placeholder{color:#afc2b7}.dish-search-row button{flex-shrink:0}.dish-search-row input:focus{outline:3px solid #ffb394;outline-offset:2px}@media(max-width:680px){.dish-search-row{flex-direction:column}}
.pantry-shortcuts{margin:10px 0 18px}.pantry-shortcuts button{margin:3px;padding:7px 10px;border:1px solid #d9d9cf;border-radius:16px}.pantry-shortcuts .helper{margin-bottom:5px}
.agarbatti-container {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 50;
    pointer-events: none;
}

.agarbatti-base {
    position: absolute;
    bottom: -5px;
    left: -15px;
    width: 30px;
    height: 10px;
    background: #7f8c8d;
    border-radius: 5px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}

.agarbatti-stick {
    width: 3px;
    height: 80px;
    background: linear-gradient(to top, #8e44ad, #d35400, #34495e);
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(0deg);
    transform-origin: bottom center;
}

.agarbatti-glow {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 5px;
    height: 5px;
    background: #ff5722;
    border-radius: 50%;
    box-shadow: 0 0 10px #ff5722, 0 0 20px #ff9800;
    animation: pulse-glow 1.5s infinite alternate;
}

@keyframes pulse-glow {
    0% { opacity: 0.6; transform: translateX(-50%) scale(0.8); }
    100% { opacity: 1; transform: translateX(-50%) scale(1.3); }
}

.agarbatti-smoke {
    position: absolute;
    top: -5px;
    left: 1px;
    width: 2px;
    height: 15px;
    background: rgba(200, 200, 220, 0.4);
    border-radius: 50%;
    filter: blur(2px);
    box-shadow: 0 0 10px rgba(200, 200, 220, 0.3);
    animation: drift-right 8s infinite ease-in;
    opacity: 0;
}

.agarbatti-smoke:nth-child(2) { animation-delay: 2s; }
.agarbatti-smoke:nth-child(3) { animation-delay: 4s; }
.agarbatti-smoke:nth-child(4) { animation-delay: 6s; }

@keyframes drift-right {
    0% {
        transform: translate(0, 0) scale(1) rotate(0deg);
        opacity: 0;
    }
    10% {
        opacity: 0.6;
    }
    50% {
        transform: translate(150px, -200px) scaleX(4) scaleY(6) rotate(0deg);
        opacity: 0.3;
        filter: blur(5px);
    }
    100% {
        transform: translate(350px, -450px) scaleX(10) scaleY(15) rotate(0deg);
        opacity: 0;
        filter: blur(12px);
    }
}
/* Start with visible smoke and respect reduced-motion preferences. */
.agarbatti-container{left:25px;bottom:22px;z-index:5}
.agarbatti-smoke:nth-child(2){animation-delay:-2s}
.agarbatti-smoke:nth-child(3){animation-delay:-4s}
.agarbatti-smoke:nth-child(4){animation-delay:-6s}
.agarbatti-smoke:nth-child(5){animation-delay:0s}
@media(max-width:680px){.agarbatti-container{left:12px;bottom:16px;transform:scale(.65);transform-origin:bottom left}}
@media(prefers-reduced-motion:reduce){.agarbatti-glow,.agarbatti-smoke{animation:none}.agarbatti-smoke{opacity:.3;transform:translate(3px,-22px) scale(2,3)}}
.daily-inspiration{margin:0 0 28px;padding:24px 28px;border:1px solid #e9b9824d;border-radius:20px;background:linear-gradient(115deg,#64412c55,#163d3380);box-shadow:0 10px 35px #00000012}
.inspiration-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}
#inspiration-date{font-size:12px;color:#c7d2bd;white-space:nowrap}
.inspiration-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}
.daily-inspiration h2{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.25}
#inspiration-text{max-width:760px;margin:10px 0;color:#d2ddd2;font-size:15px;line-height:1.65}
#inspiration-dish{font-size:13px;color:#ffc598}
.inspiration-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.inspiration-actions a{color:#ffd4ae;font-size:14px;font-weight:700;text-underline-offset:4px}
.inspiration-note{font-size:12px;color:#b4c6b8;margin:18px 0 0}
@media(max-width:680px){.daily-inspiration{padding:20px}.inspiration-top{align-items:flex-start;flex-direction:column}.inspiration-body{grid-template-columns:1fr;gap:18px}.daily-inspiration h2{font-size:25px}}
.catalogue-panel,.wellbeing-panel,.ai-chef-panel{margin-top:28px;padding:24px;border:1px solid #ffffff25;border-radius:20px;background:#ffffff08;min-width:0}
.wellbeing-panel>h2,.ai-chef-panel h2{margin-top:8px}.wellbeing-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.wellbeing-grid p,.wellbeing-grid li{color:#c8d8ce;font-size:14px;line-height:1.7}.wellbeing-grid li{margin:8px 0}.wellbeing-grid a{color:#ffc395;font-size:13px}.wellbeing-grid details{padding:13px 0;border-bottom:1px solid #ffffff20}.wellbeing-grid summary{cursor:pointer;font-weight:bold}.catalogue-recipes,.chef-prompts{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.catalogue-panel summary{cursor:pointer;margin-top:18px}.catalogue-panel label{font-weight:400}.recipe-update-toast{position:fixed;bottom:24px;right:24px;max-width:360px;padding:20px;background:#17483a;border:1px solid #ffc08a;border-radius:16px;box-shadow:0 10px 40px #0008;z-index:40}.recipe-update-toast[hidden]{display:none}.recipe-update-toast p{margin:0 0 14px}.recipe-update-toast>div{display:flex;gap:10px}.chef-answer{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}.ai-chef-panel form{max-width:800px}.ai-chef-panel>p{color:#c7d8cd}.ai-chef-panel .primary{width:auto;padding:12px 22px}.ai-chef-panel textarea{max-width:100%}.chef-prompts button{border:1px solid #ffffff30;border-radius:20px;padding:8px 14px}.local-recipe-art{height:140px;display:grid;place-items:center;background:linear-gradient(135deg,#375743,#112f29);font-size:58px}.card-body{overflow-wrap:anywhere}.wellbeing-grid>div{min-width:0}
@media(max-width:680px){.wellbeing-grid{grid-template-columns:1fr;gap:16px}.catalogue-panel,.wellbeing-panel,.ai-chef-panel{padding:20px}.catalogue-panel .section-top,.ai-chef-panel .section-top{align-items:flex-start;flex-wrap:wrap}.recipe-update-toast{bottom:12px;right:12px;left:12px;max-width:none}.catalogue-panel .secondary{white-space:normal}.inspiration-actions a{overflow-wrap:anywhere}.card{min-width:0}}