@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-1:#1e1b4b;--bg-2:#312e81;--accent:#f59e0b;--accent-ink:#1a1205;--text:#f8fafc;--text-dim:#a3b0c2;--danger:#f87171;--glass-bg:#ffffff0d;--glass-bg-2:#ffffff14;--glass-border:#ffffff1f;--glass-shadow:0 8px 32px #0000005e;--r-lg:22px;--r-md:14px;--r-sm:9px;--ease:.25s cubic-bezier(.4, 0, .2, 1)}.theme-vata{--bg-1:#0f172a;--bg-2:#334155;--accent:#d97706}.theme-pitta{--bg-1:#064e3b;--bg-2:#0f766e;--accent:#34d399;--accent-ink:#04231a}.theme-kapha{--bg-1:#450a0a;--bg-2:#7f1d1d;--accent:#fca5a5;--accent-ink:#2a0606}.theme-balanced{--bg-1:#1e1b4b;--bg-2:#312e81;--accent:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-1), var(--bg-2));color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55;transition:background 1.2s ease-in-out;overflow-x:hidden}h1,h2,h3,h4{text-wrap:balance;font-weight:600;line-height:1.18}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.45}code{background:#ffffff1a;border-radius:4px;padding:.1em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--r-lg)}.btn-primary,.btn-outline,.btn-ghost{border-radius:var(--r-md);transition:transform var(--ease), background var(--ease), border-color var(--ease), color var(--ease);justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink);font-weight:600;box-shadow:0 0 18px #f59e0b40}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn-outline{border:1px solid var(--accent);color:var(--text);background:#ffffff08}.btn-outline:hover:not(:disabled){background:#ffffff17}.btn-outline.is-on{color:var(--accent)}.btn-ghost{border:1px solid var(--glass-border);color:var(--text-dim);padding:.5rem .9rem;font-size:.9rem}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--text-dim)}.btn-ghost.danger:hover{color:var(--danger);border-color:var(--danger)}.full{width:100%}.icon-btn{border-radius:var(--r-sm);color:var(--text-dim);transition:color var(--ease), background var(--ease);justify-content:center;align-items:center;padding:.45rem;display:inline-flex;position:relative}.icon-btn:hover{color:var(--text);background:#ffffff14}.icon-btn.is-on{color:var(--accent)}.badge{background:var(--accent);min-width:16px;color:var(--accent-ink);border-radius:8px;padding:0 4px;font-size:.62rem;font-weight:700;line-height:16px;position:absolute;top:0;right:0}.app{min-height:100vh;padding:2rem 1rem 4rem}.shell{text-align:center;max-width:860px;margin:0 auto;padding:3rem 2rem 2.5rem;position:relative}.shell-tools{gap:.25rem;display:flex;position:absolute;top:1.1rem;right:1.1rem}.shell h1{letter-spacing:-.02em;font-size:clamp(2.2rem,7vw,3.4rem)}.accent{color:var(--accent)}.tagline{color:var(--text-dim);max-width:42ch;margin:.7rem auto 2.2rem;font-size:1.05rem}.landing{flex-direction:column;gap:1.1rem;max-width:460px;margin:0 auto;display:flex}.why{border:1px solid var(--glass-border);border-radius:var(--r-md);text-align:left;color:var(--text-dim);background:#ffffff0d;padding:1.1rem 1.25rem;font-size:.95rem;line-height:1.5}.why strong{color:var(--text)}.landing-row{gap:.7rem;display:flex}.landing-row>*{flex:1}.loading{color:var(--accent);flex-direction:column;align-items:center;gap:.8rem;padding:2rem 0;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{border-radius:var(--r-md);color:var(--danger);background:#f871711a;border:1px solid #f871714d;flex-direction:column;align-items:center;gap:1rem;max-width:460px;margin:0 auto;padding:1.25rem;display:flex}.result{text-align:left;flex-direction:column;gap:1.25rem;display:flex}.shared-note{text-align:center;color:var(--accent);font-size:.9rem}.weather{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.15rem 1.4rem;display:flex}.weather-where{color:var(--accent);align-items:center;gap:.9rem;display:flex}.weather-where h3{color:var(--text);font-size:1.05rem}.weather-where p{color:var(--text-dim);font-size:.82rem}.weather-stats{gap:1.4rem;display:flex}.weather-stats>div{align-items:center;gap:.4rem;display:flex}.weather-stats dt{color:var(--text-dim);display:flex}.weather-stats dd{font-variant-numeric:tabular-nums;font-weight:500}.servings{justify-content:center;align-items:center;gap:.85rem;display:flex}.servings-label{color:var(--text-dim);font-size:.9rem}.stepper{border:1px solid var(--glass-border);border-radius:var(--r-md);align-items:center;display:flex;overflow:hidden}.stepper button{color:var(--text-dim);transition:background var(--ease), color var(--ease);padding:.5rem .8rem;display:flex}.stepper button:hover:not(:disabled){color:var(--text);background:#ffffff1a}.stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:5.5rem;font-weight:500}.recipe-card{flex-direction:column;gap:1.4rem;padding:1.8rem;display:flex}.recipe-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.recipe-title{color:var(--accent);align-items:center;gap:.6rem;display:flex}.recipe-title h2{color:var(--text);font-size:1.5rem}.recipe-chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);background:#ffffff17;border-radius:999px;padding:.28rem .6rem;font-size:.7rem;font-weight:600}.chip-alert{color:var(--danger);background:#f871712e}.recipe-desc{color:var(--text-dim);max-width:62ch;font-size:1rem}.recipe-clock{border-left:2px solid var(--accent);color:var(--text-dim);max-width:62ch;padding-left:.9rem;font-size:.92rem}.section-label{letter-spacing:.13em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.45rem;margin-bottom:.75rem;font-size:.72rem;font-weight:600;display:flex}.ing-list{flex-direction:column;list-style:none;display:flex}.ing{border-bottom:1px solid #ffffff12;grid-template-columns:6.5rem 1fr;gap:0 .9rem;padding:.65rem 0;display:grid}.ing:last-child{border-bottom:none}.ing-qty{font-variant-numeric:tabular-nums;color:var(--accent);text-align:right;padding-top:.05rem;font-weight:600}.ing-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.ing-name{font-weight:500}.ing-prep{color:var(--text-dim);font-weight:400}.ing-note{color:var(--text-dim);font-size:.85rem;line-height:1.45}.ing-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);vertical-align:middle;align-items:center;gap:.2rem;margin-left:.5rem;font-size:.62rem;font-weight:700;display:inline-flex}.ing-wild .ing-name{color:var(--accent)}.liquid-row{flex-wrap:wrap;gap:.5rem 1.5rem;margin-bottom:.5rem;display:flex}.liquid-part{font-size:1rem}.liquid-part b{color:var(--accent);font-variant-numeric:tabular-nums}.liquid-none{color:var(--text-dim);font-style:italic}.liquid-note{color:var(--text-dim);max-width:62ch;font-size:.85rem}.brew{padding:1.8rem}.brew-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.brew-head .section-label{margin-bottom:0}.brew-total{color:var(--text-dim);font-size:.82rem}.brew-list{flex-direction:column;margin-top:1.2rem;list-style:none;display:flex}.brew-step{opacity:.55;transition:opacity var(--ease);border-top:1px solid #ffffff12;grid-template-columns:2rem 1fr;gap:0 1rem;padding:1rem 0;display:grid}.brew-step:first-child{border-top:none}.brew-step.is-active{opacity:1}.brew-step.is-done{opacity:.4}.brew-step.is-done .brew-body h4{text-decoration:line-through}.brew-num{border:1px solid var(--glass-border);font-variant-numeric:tabular-nums;width:2rem;height:2rem;color:var(--text-dim);transition:background var(--ease), color var(--ease), border-color var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.brew-step.is-active .brew-num{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.brew-step.is-done .brew-num{color:var(--accent);border-color:var(--accent)}.brew-body{flex-direction:column;gap:.4rem;min-width:0;display:flex}.brew-body h4{font-size:1.02rem}.brew-body p{color:var(--text-dim);max-width:62ch;font-size:.94rem}.brew-timer{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.4rem;display:flex}.brew-clock{font-variant-numeric:tabular-nums;color:var(--accent);min-width:3.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.5rem;font-weight:600}.brew-done{color:var(--accent);border-bottom:1px solid;align-self:flex-start;margin-top:.5rem;padding-bottom:1px;font-size:.88rem;font-weight:600}.actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.seed-line{text-align:center;color:var(--text-dim);font-size:.8rem}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fade;display:flex;position:fixed;inset:0}.modal{text-align:left;width:min(560px,100%);max-height:88vh;padding:2rem;animation:.25s ease-out pop;position:relative;overflow-y:auto}.modal-sm{text-align:center;width:min(400px,100%)}.modal-close{color:var(--text-dim);position:absolute;top:1.2rem;right:1.2rem}.modal-close:hover{color:var(--text)}.modal-title{margin-bottom:1.4rem;font-size:1.5rem}.egg-body{color:var(--text-dim);margin-bottom:1.6rem;line-height:1.55}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.97)}}.pref-block{border-top:1px solid var(--glass-border);padding-top:1.5rem}.pref-block:first-of-type{border-top:none;padding-top:0}.pref-block+.pref-block{margin-top:1.5rem}.pref-check{cursor:pointer;align-items:flex-start;gap:.7rem;padding:.5rem 0;display:flex}.pref-check input{width:1.1rem;height:1.1rem;accent-color:var(--accent);margin-top:.2rem}.pref-check span{flex-direction:column;display:flex}.pref-check small{color:var(--text-dim);font-size:.85rem}.pref-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.pref-head .section-label{margin-bottom:0}.pref-toggle{border:1px solid var(--glass-border);border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:.45rem;padding:.35rem .7rem;font-size:.85rem;display:flex}.pref-toggle input{accent-color:var(--accent)}.pref-hint{color:var(--text-dim);margin:.8rem 0 1rem;font-size:.88rem}.pref-actions{gap:.6rem;margin-bottom:1.1rem;display:flex}.pref-actions>*{flex:1}.spice-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;list-style:none;display:grid}.spice-grid.is-dimmed{opacity:.5}.spice{text-align:left;border-radius:var(--r-sm);width:100%;transition:background var(--ease), border-color var(--ease), color var(--ease);background:#ffffff0a;border:1px solid #0000;align-items:center;gap:.55rem;padding:.55rem .7rem;font-size:.88rem;display:flex}.spice:hover{background:#ffffff17}.spice.is-on{border-color:var(--accent);color:var(--accent);background:#f59e0b1a}.spice-box{border:1px solid var(--text-dim);width:17px;height:17px;color:var(--accent-ink);border-radius:4px;flex:none;justify-content:center;align-items:center;display:flex}.spice.is-on .spice-box{background:var(--accent);border-color:var(--accent)}.spice-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty{color:var(--text-dim);font-size:.95rem}.log-list{flex-direction:column;margin-bottom:1.4rem;list-style:none;display:flex}.log-row{border-bottom:1px solid #ffffff12;align-items:center;gap:.3rem;display:flex}.log-row:last-child{border-bottom:none}.log-open{text-align:left;flex-direction:column;flex:1;gap:.1rem;min-width:0;padding:.75rem .5rem .75rem 0;display:flex}.log-open:hover .log-title{color:var(--accent)}.log-title{transition:color var(--ease);font-weight:500}.log-meta{color:var(--text-dim);font-size:.8rem}.clear-log{width:100%}.search-panel{text-align:left;padding:1.5rem}.search-box{margin-bottom:.9rem;position:relative}.search-form{gap:.5rem;display:flex}.search-form input{border-radius:var(--r-sm);border:1px solid var(--glass-border);color:var(--text);font:inherit;background:#ffffff14;outline:none;flex:1;padding:.7rem .9rem}.search-form input::placeholder{color:#fff6}.search-form input:focus{border-color:var(--accent)}.suggestions{z-index:10;background:var(--bg-2);border:1px solid var(--glass-border);border-radius:var(--r-sm);max-height:240px;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:3.6rem;overflow-y:auto;box-shadow:0 8px 32px #00000080}.suggestions button{text-align:left;width:100%;color:var(--text-dim);transition:background var(--ease);align-items:center;gap:.6rem;padding:.65rem .9rem;display:flex}.suggestions button:hover{background:#ffffff1a}.suggestions span{flex-direction:column;display:flex}.sug-name{color:var(--text)}.sug-meta{font-size:.75rem}.suggestion-empty{color:var(--text-dim);text-align:center;padding:.9rem;font-size:.9rem}@media (width<=640px){.app{padding:1rem .75rem 3rem}.shell{border-radius:var(--r-md);padding:2.5rem 1.15rem 2rem}.recipe-card,.brew{padding:1.25rem}.ing{grid-template-columns:5rem 1fr;gap:0 .7rem}.weather{text-align:center;justify-content:center}.weather-stats{justify-content:space-around;gap:.8rem;width:100%}.landing-row{flex-direction:column}.actions>*{flex:auto}.modal{padding:1.5rem 1.15rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body{transition:none}}