:root{--color-bg:#fffdf7;--color-surface:#fff;--color-text:#17131f;--color-text-muted:#4b4458;--color-border:#e7e0d8;--color-primary:#6d28d9;--color-primary-contrast:#fff;--color-accent:#f5c518;--color-accent-contrast:#241d00;--color-success:#1a7a3c;--color-danger:#b3261e;--font-size-base:1.125rem;--font-size-lg:1.375rem;--font-size-xl:1.75rem;--font-size-2xl:2.25rem;--font-size-step:clamp(1.75rem, 4vw + 1rem, 3.25rem);--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--radius:1rem;--radius-lg:1.5rem;--tap-min:3.25rem;--shadow-card:0 2px 10px #17131f14}@media (prefers-color-scheme:dark){:root{--color-bg:#14111b;--color-surface:#1f1a29;--color-text:#f7f3ff;--color-text-muted:#c4b9d9;--color-border:#352c44;--color-primary:#a78bfa;--color-primary-contrast:#1a1025;--color-accent:#f5c518;--color-accent-contrast:#241d00;--color-success:#4ade80;--color-danger:#ff6b6b;--shadow-card:0 2px 14px #00000073}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.5}a{color:inherit}h1,h2,h3{margin:0 0 var(--space-2);line-height:1.2}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}p{margin:0 0 var(--space-3)}button{font:inherit}.container{max-width:64rem;padding:var(--space-4);margin:0 auto}.app-header{z-index:10;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0}.app-header__inner{max-width:64rem;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:0 auto;display:flex}.app-header__brand{align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:800;text-decoration:none;display:flex}.app-header__brand-mark{font-size:1.75rem}.app-header__controls{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.lang-switch{border:1px solid var(--color-border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.lang-switch__option{min-width:var(--tap-min);min-height:var(--tap-min);padding:.5rem var(--space-3);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-base);cursor:pointer;touch-action:manipulation;border:none;font-weight:800}.lang-switch__option+.lang-switch__option{border-left:1px solid var(--color-border)}.lang-switch__option--active{background:var(--color-primary);color:var(--color-primary-contrast)}.timer-alarm{z-index:100;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-danger);color:var(--color-primary-contrast);animation:1s ease-in-out infinite timer-alarm-pulse;display:flex;position:fixed;top:0;left:0;right:0}.timer-alarm__icon{font-size:var(--font-size-xl)}.timer-alarm__text{font-size:var(--font-size-lg);flex:1;font-weight:800}.timer-alarm__dismiss{background:var(--color-primary-contrast);color:var(--color-danger);flex:none}@keyframes timer-alarm-pulse{0%,to{opacity:1}50%{opacity:.85}}.status-pill{border:1px solid var(--color-border);background:var(--color-bg);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.9rem;font-weight:700;display:inline-flex}.status-pill__dot{background:var(--color-success);border-radius:999px;width:.6rem;height:.6rem}.status-pill--offline .status-pill__dot{background:var(--color-danger)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);border-radius:var(--radius);font-size:var(--font-size-lg);cursor:pointer;touch-action:manipulation;border:2px solid #0000;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:transform 60ms,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn-accent{background:var(--color-accent);color:var(--color-accent-contrast)}.btn-block{width:100%}.btn-icon{min-width:var(--tap-min);border-color:var(--color-border);font-size:var(--font-size-lg);background:0 0;border-radius:999px;padding:.75rem}.btn:disabled{opacity:.45;cursor:not-allowed}.recipe-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}.recipe-card{gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:inherit;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.recipe-card__emoji{font-size:3rem;line-height:1}.recipe-card__image{width:calc(100% + var(--space-4) * 2);aspect-ratio:4/3;object-fit:cover;margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-1);background:var(--color-bg);display:block}.recipe-card__title{font-size:var(--font-size-lg);font-weight:800}.recipe-card__meta{gap:var(--space-2);color:var(--color-text-muted);flex-wrap:wrap;font-size:1rem;font-weight:600;display:flex}.recipe-card__fav{top:var(--space-3);right:var(--space-3);z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#17131f73;border:none;border-radius:999px;padding:.35rem .5rem;font-size:1.75rem;line-height:1;position:absolute}.recipe-hero{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.recipe-hero__emoji{font-size:4rem}.recipe-hero__info{flex:12rem;min-width:0}.recipe-hero__actions{gap:var(--space-2);margin-left:auto;display:flex}.recipe-hero-image{object-fit:cover;border-radius:var(--radius-lg);width:100%;max-height:22rem;margin:var(--space-4) 0;background:var(--color-surface);display:block}.badge-row{gap:var(--space-2);margin:var(--space-2) 0 var(--space-4);flex-wrap:wrap;display:flex}.badge{background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;padding:.35rem .9rem;font-size:1rem;font-weight:700}.section-title{margin-top:var(--space-5)}.ingredient-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ingredient-list li{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-lg);display:flex}.ingredient-list li:before{content:"";background:var(--color-primary);border-radius:999px;flex-shrink:0;width:.6rem;height:.6rem;margin-top:.55rem}.ingredient-list__button{justify-content:space-between;align-items:center;gap:var(--space-2);font:inherit;font-size:inherit;color:inherit;text-align:left;cursor:pointer;min-height:var(--tap-min);background:0 0;border:none;flex-wrap:wrap;flex:1;margin:0;padding:0;display:flex}.ingredient-list__amount{background:var(--color-accent);color:var(--color-accent-contrast);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.25rem .65rem;font-size:1rem;font-weight:800}.ingredient-list__note-dot{flex-shrink:0;font-size:1.1rem;line-height:1}.step-preview-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.step-preview-list li{gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-lg);display:flex}.step-preview-list__number{background:var(--color-primary);width:2.25rem;height:2.25rem;color:var(--color-primary-contrast);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.step-preview-list__button{justify-content:space-between;align-items:center;gap:var(--space-2);font:inherit;font-size:inherit;color:inherit;text-align:left;cursor:pointer;min-height:var(--tap-min);background:0 0;border:none;flex:1;margin:0;padding:0;display:flex}.step-preview-list__note-dot{flex-shrink:0;font-size:1.1rem;line-height:1}.note-sheet-backdrop{z-index:70;background:#17131f8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.note-sheet{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:34rem;max-height:85dvh;padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex;overflow-y:auto}.note-sheet__title{margin:0}.note-sheet__actions{gap:var(--space-3);margin-top:var(--space-1);display:flex}.note-sheet__actions .btn{flex:1}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-label{color:var(--color-text-muted);font-size:1rem;font-weight:700}.text-input{width:100%;font:inherit;font-size:var(--font-size-lg);padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);min-height:var(--tap-min)}.text-input:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.text-input--area{resize:vertical;min-height:6rem;font-size:var(--font-size-base);line-height:1.4}.setup-guide{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.setup-guide__title{font-size:var(--font-size-lg)}.setup-guide__url{overflow-wrap:break-word;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius);width:100%;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);font-size:var(--font-size-base);display:block}.setup-guide__steps{margin:0 0 var(--space-3);padding-left:var(--space-4)}.setup-guide__steps li{margin-bottom:var(--space-2)}.cook-mode{background:var(--color-bg);z-index:50;flex-direction:column;display:flex;position:fixed;inset:0}.cook-mode__top{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--color-border);flex:none;display:flex}.cook-mode__top .btn-icon{min-width:2.5rem;min-height:2.5rem;font-size:var(--font-size-base);padding:.4rem}.cook-mode__progress{background:var(--color-border);border-radius:999px;flex:1;height:.3rem;overflow:hidden}.cook-mode__progress-bar{background:var(--color-primary);height:100%;transition:width .2s}.cook-mode__count{font-size:var(--font-size-base);color:var(--color-text-muted);white-space:nowrap}.cook-mode__timer-strip{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex:none;display:flex}.cook-mode__body{text-align:center;padding:var(--space-5);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.cook-mode__steps{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.cook-mode__step{scroll-snap-align:start;scroll-snap-stop:always;text-align:center;min-height:calc(100% - clamp(7rem,20vh,11rem));padding:var(--space-5) var(--space-4);justify-content:flex-start;align-items:center;gap:var(--space-4);opacity:.35;flex-direction:column;transition:opacity .25s;display:flex}.cook-mode__step.is-active{opacity:1}.cook-mode__step--finish{justify-content:center;min-height:100%}.cook-mode__step-head{justify-content:center;align-items:center;gap:var(--space-3);width:100%;max-width:40rem;display:flex}.cook-mode__step-label{font-size:var(--font-size-lg);color:var(--color-primary);text-transform:uppercase;letter-spacing:.06em;font-weight:800}.cook-mode__step-head-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.cook-mode__note-btn{min-width:var(--tap-min);min-height:var(--tap-min);border:2px dashed var(--color-border);font-size:var(--font-size-lg);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:999px;padding:.5rem}.cook-mode__note-btn--filled{border-style:solid;border-color:var(--color-accent);background:#f5c5182e}.cook-mode__timer-btn{min-width:var(--tap-min);min-height:var(--tap-min);border:2px dashed var(--color-border);color:inherit;font-size:var(--font-size-base);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:999px;padding:.5rem;font-weight:800}.cook-mode__timer-btn--running{border-style:solid;border-color:var(--color-primary);color:var(--color-primary)}.cook-mode__timer-btn--expired{border-style:solid;border-color:var(--color-danger);background:var(--color-danger);color:var(--color-primary-contrast);animation:1s ease-in-out infinite timer-alarm-pulse}.cook-mode__step-text{font-size:var(--font-size-step);max-width:40rem;font-weight:700}.cook-mode__ingredients{justify-content:center;gap:var(--space-2);flex-wrap:wrap;max-width:40rem;margin:0;padding:0;list-style:none;display:flex}.cook-mode__ingredient-chip{align-items:center;gap:var(--space-2);min-height:var(--tap-min);font:inherit;font-size:var(--font-size-base);color:inherit;background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);cursor:pointer;touch-action:manipulation;border-radius:999px;font-weight:700;display:flex}.cook-mode__ingredient-chip-amount{background:var(--color-accent);color:var(--color-accent-contrast);white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-weight:800}.cook-mode__other-timer{font-size:var(--font-size-base);background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);min-height:var(--tap-min);border-radius:999px;font-weight:700}.cook-mode__other-timer--expired{background:var(--color-danger);color:var(--color-primary-contrast);border-color:var(--color-danger)}.cook-mode__done{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.chatbot{background:var(--color-bg);z-index:50;flex-direction:column;display:flex;position:fixed;inset:0}.chatbot__top{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.chatbot__title{font-size:var(--font-size-lg);font-weight:800}.chatbot__body{gap:var(--space-3);padding:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chatbot__bubble{max-width:80%;padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-base);white-space:pre-wrap;line-height:1.4}.chatbot__bubble--assistant{background:var(--color-surface);border:1px solid var(--color-border);border-bottom-left-radius:var(--space-1);align-self:flex-start}.chatbot__bubble--user{background:var(--color-primary);color:var(--color-primary-contrast);border-bottom-right-radius:var(--space-1);align-self:flex-end}.chatbot__bubble--thinking{color:var(--color-text-muted);font-style:italic}.chatbot__error{color:var(--color-danger);text-align:center;align-self:center;font-weight:700}.chatbot__composer{align-items:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);display:flex}.chatbot__input{font:inherit;font-size:var(--font-size-base);max-height:8rem;min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);resize:none;flex:1}.chatbot__input:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.chatbot__send{min-width:var(--tap-min);font-size:var(--font-size-lg);border-radius:999px;flex:none;padding:.75rem}.chatbot__mic{min-width:var(--tap-min);min-height:var(--tap-min);font-size:var(--font-size-lg);flex:none}.chatbot__mic--recording{background:var(--color-danger);color:var(--color-primary-contrast);border-color:var(--color-danger);animation:1s ease-in-out infinite timer-alarm-pulse}.chatbot__dictation-status{padding:var(--space-2) var(--space-4);text-align:center;font-size:var(--font-size-base);color:var(--color-text-muted);border-top:1px solid var(--color-border);font-weight:700}.chatbot__dictation-status--recording{color:var(--color-danger)}.ingredient-hero{align-items:center;gap:var(--space-3);margin:var(--space-4) 0;display:flex}.ingredient-hero__emoji{font-size:4rem;line-height:1}.ingredient-hero-image{object-fit:cover;border-radius:var(--radius-lg);background:var(--color-surface);flex-shrink:0;width:6rem;height:6rem}.ingredient-gallery{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.ingredient-gallery__image{object-fit:cover;border-radius:var(--radius);background:var(--color-surface);width:7rem;height:7rem}.ingredient-tag-list{margin:0 0 var(--space-3);gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.ingredient-buy-list{font-size:var(--font-size-lg);margin:0;padding-left:1.5rem}.ingredient-buy-list li{margin-bottom:var(--space-2)}.experiment-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}.experiment-card{gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:inherit;flex-direction:column;text-decoration:none;display:flex}.experiment-card__emoji{font-size:3rem;line-height:1}.experiment-card__title{font-size:var(--font-size-lg);font-weight:800}.experiment-card__description{color:var(--color-text-muted)}.experiment-landing{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.experiment-landing__emoji{font-size:4rem}.experiment-landing__note{padding:var(--space-3);background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius);color:var(--color-text-muted)}.text-muted{color:var(--color-text-muted)}.empty-state{text-align:center;padding:var(--space-6) var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-lg)}.recipe-note__text{white-space:pre-wrap;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--font-size-lg);line-height:1.5}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:48rem){:root{--font-size-base:1.1875rem}}