:root{--bg:#faf7f2;--surface:#fff;--ink:#3b2314;--ink-soft:#5a3a1a;--line:#ead9c4;--line-soft:#f0e6d6;--chip-bg:#fdf0e0;--accent:sienna;--accent-dark:#6b3a1f;--header-gradient:linear-gradient(135deg, #3b2314 0%, #6b3a1f 60%, sienna 100%);--radius-sm:12px;--radius-md:16px;--shadow-card:0 2px 12px #3b231412;--font-serif:"Georgia", "Times New Roman", serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}img{max-width:100%}.container{max-width:900px;margin:0 auto;padding:0 24px}.container--narrow{max-width:680px}.app-header{background:var(--header-gradient);text-align:center;color:#fff;position:relative;overflow:hidden}.app-header__emoji{margin-bottom:8px;font-size:48px;line-height:1}.app-header__title{letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-weight:400}.app-header__subtitle{color:#e8c9a0;margin:0;font-style:italic}.topbar{background:var(--header-gradient);align-items:center;gap:12px;padding:10px 20px;display:flex}.topbar__brand{color:#e8c9a0;font-size:13px;font-style:italic}.btn-back{color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:6px;min-height:40px;padding:8px 16px;font-size:14px;display:inline-flex}.search{max-width:480px;margin:0 auto;position:relative}.search__icon{pointer-events:none;font-size:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search__input{width:100%;font-size:16px;font-family:var(--font-serif);color:var(--ink);background:#fffffff2;border:none;border-radius:40px;outline:none;padding:14px 44px;box-shadow:0 4px 20px #0003}.search__clear{color:var(--accent);background:0 0;border:none;width:32px;height:32px;font-size:22px;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search__info{color:#7a5a3a;margin:0 0 24px;font-style:italic}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;display:grid}.card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);text-align:left;border:1px solid #e0d4c0;flex-direction:column;padding:0;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #3b231421}.card__media{background:var(--header-gradient);justify-content:center;align-items:center;height:150px;font-size:48px;display:flex}.card__media img{object-fit:cover;width:100%;height:100%}.card__body{flex-direction:column;flex:1;padding:16px 20px 20px;display:flex}.card__cat{background:var(--chip-bg);color:var(--accent-dark);letter-spacing:.06em;text-transform:uppercase;border-radius:20px;align-self:flex-start;margin-bottom:10px;padding:3px 10px;font-size:11px;font-weight:700}.card__title{color:var(--ink);margin:0 0 4px;font-size:18px;font-weight:400}.card__subtitle{color:#7a5a3a;margin:0 0 14px;font-size:13px;font-style:italic}.card__meta{border-top:1px solid var(--line-soft);color:var(--accent);flex-wrap:wrap;gap:16px;margin-top:auto;padding-top:12px;font-size:12px;display:flex}.section-title{color:var(--ink);letter-spacing:.18em;text-transform:uppercase;border-bottom:2px solid #d4a96a;margin:0 0 16px;padding-bottom:8px;font-size:13px;font-weight:700}.gallery{text-align:center;background:#1a1a1a;position:relative}.gallery__img{object-fit:contain;max-width:100%;max-height:460px;margin:0 auto;display:block}.gallery__arrow{color:#fff;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:30px;line-height:1;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery__arrow:hover{background:#000000a6}.gallery__arrow--prev{left:12px}.gallery__arrow--next{right:12px}.gallery__dots{justify-content:center;gap:8px;display:flex;position:absolute;bottom:12px;left:0;right:0}.gallery__dot{background:#fff6;border:none;border-radius:50%;width:12px;height:12px;padding:0}.gallery__dot--active{background:#d4a96a}.timings{background:#00000040;border-radius:12px;flex-wrap:wrap;margin-top:24px;display:inline-flex;overflow:hidden}.timings__item{text-align:center;border-right:1px solid #ffffff26;padding:10px 18px}.timings__item:last-child{border-right:none}.timings__label{color:#e8c9a0;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.timings__value{color:#fff;margin-top:2px;font-size:15px;font-weight:700}.meta-row{color:#e8c9a0;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:14px;font-size:13px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-card)}.stepper{justify-content:space-between;align-items:center;margin:24px 0;padding:18px 24px;display:flex}.stepper__label{color:var(--accent-dark);text-transform:uppercase;font-size:15px;font-weight:700}.stepper__controls{align-items:center;gap:16px;display:flex}.stepper__value{text-align:center;min-width:36px;font-size:24px;font-weight:700}.round-btn{border:2px solid var(--accent);width:44px;height:44px;color:var(--accent);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.round-btn--filled{background:var(--accent);color:#fff}.yieldpersons{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;margin:24px 0;padding:18px 20px;display:flex}.yp__lead{color:var(--ink-soft);font-size:16px}.yp__unit{color:var(--accent-dark);font-size:16px;font-weight:700}.ministepper{align-items:center;gap:10px;display:inline-flex}.ministepper__value{color:var(--ink);text-align:center;min-width:28px;font-size:22px;font-weight:700}.ministepper__btn{border:2px solid var(--accent);width:40px;height:40px;color:var(--accent);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.ministepper__btn--filled{background:var(--accent);color:#fff}.ministepper__btn:disabled{opacity:.4}.toggles{flex-direction:column;gap:14px;margin:24px 0;padding:16px 20px;display:flex}.toggle{align-items:center;gap:12px;display:flex}.toggle__track{background:#ccc;border-radius:14px;flex-shrink:0;width:48px;height:28px;transition:background .2s;position:relative}.toggle__track--on{background:var(--accent)}.toggle__knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.toggle__track--on .toggle__knob{left:23px}.toggle__label{color:var(--ink);font-size:15px;font-weight:700}.toggle__sub{color:var(--accent);margin-left:8px;font-size:12px}.ingredients{overflow:hidden}.ingredients--dashed{background:#fff8f0;border-style:dashed;border-color:#d4a96a}.ingredients__group{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;padding:12px 20px 6px;font-size:12px;font-weight:700}.ingredient{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;display:flex}.ingredient:last-child{border-bottom:none}.ingredient__name{color:#4a2c0f;font-size:16px}.ingredient__note{color:#9a7a5a;font-style:italic}.ingredient__amount{color:var(--accent);background:var(--chip-bg);text-align:right;white-space:nowrap;border-radius:20px;min-width:84px;padding:4px 12px;font-size:16px;font-weight:700}.steps{flex-direction:column;gap:12px;display:flex}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);gap:16px;padding:18px 20px;display:flex}.step--highlight{background:var(--ink);border-color:#0000}.step__icon{background:var(--accent-dark);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.step--highlight .step__icon{background:#d4a96a}.step__body{flex:1;min-width:0}.step__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.step__title{color:var(--ink);font-size:15px}.step--highlight .step__title{color:#e8c9a0}.step__time{background:var(--line);color:var(--accent-dark);white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.step--highlight .step__time{color:#fff;background:#d4a96a}.step__text{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.65}.step--highlight .step__text{color:#e8c9a0}.badge{background:var(--accent-dark);color:#fff;vertical-align:middle;white-space:nowrap;border-radius:12px;margin:0 2px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}.step--highlight .badge,.cook .badge{background:var(--accent)}.tips{background:var(--chip-bg);border-radius:var(--radius-sm);border:1px solid #d4a96a;margin-top:28px;padding:16px 20px}.tips__label{color:var(--accent-dark);letter-spacing:.05em;font-size:13px;font-weight:700}.tips p{color:var(--ink-soft);margin:8px 0 0;font-size:15px}.btn{border:none;border-radius:40px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px 24px;font-size:16px;font-weight:700;display:inline-flex}.btn--primary{background:var(--accent);color:#fff}.btn--block{width:100%}.empty{text-align:center;color:var(--accent-dark);padding:80px 20px}.empty__emoji{margin-bottom:16px;font-size:48px}.footer{text-align:center;color:#b09070;border-top:1px solid #e8d8c0;padding:24px;font-size:13px;font-style:italic}.cook{background:var(--ink);color:#f3e9da;flex-direction:column;min-height:100dvh;display:flex}.cook__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.cook__progress{color:#e8c9a0;font-size:16px;font-weight:700}.cook__wake{color:#d4b48c;font-size:13px}.cook__progressbar{background:#ffffff1f;height:4px}.cook__progressbar-fill{background:#d4a96a;height:100%;transition:width .25s}.cook__stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;width:100%;max-width:900px;margin:0 auto;padding:32px 24px;display:flex}.cook__icon{width:80px;height:80px;color:var(--ink);background:#d4a96a;border-radius:50%;justify-content:center;align-items:center;font-size:40px;display:flex}.cook__title{color:#fff;margin:0;font-size:clamp(26px,5vw,40px);font-weight:400}.cook__time{color:#e8c9a0;background:#d4a96a40;border-radius:20px;padding:6px 16px;font-size:16px}.cook__text{max-width:760px;margin:0;font-size:clamp(20px,3.2vw,28px);line-height:1.5}.cook__text .badge{vertical-align:baseline;font-size:.8em}.cook__timer{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.cook__timer-display{color:#fff;font-variant-numeric:tabular-nums;min-width:120px;font-size:40px;font-weight:700}.cook__nav{padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #ffffff1a;gap:12px;display:flex}.cook__navbtn{flex:1;min-height:60px;font-size:18px}.cook__nav .btn:not(.btn--primary){color:#fff;background:#ffffff1f}.cook__nav .btn:disabled{opacity:.35}@media (width>=768px){.app-header__title{font-size:36px}}@media (width>=1024px){.container{max-width:1000px}}