.header{z-index:50;color:#fff4cb;background:#000;border-top:6px solid #9f4620;transition:background .2s,box-shadow .2s;position:sticky;top:0}.header--scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;box-shadow:0 4px 16px #0006}.header__inner{width:100%;max-width:960px;margin-inline:auto;padding-inline:32px}@media (width<=600px){.header__inner{padding-inline:20px}}.header__inner{justify-content:space-between;align-items:center;gap:16px;min-height:56px;display:flex}.header__brand{min-width:0;color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.header__logo{flex-shrink:0}.header__text{flex-direction:column;min-width:0;display:flex}.header__name{color:#ffde67;font-family:Playfair Display,Georgia,serif;font-size:19px;font-weight:800;line-height:1.1}.header__slogan{opacity:.75;font-size:11px}@media (width<=600px){.header__slogan{display:none}}.header__nav{flex-shrink:0;align-items:center;gap:18px;font-size:14px;display:flex}.header__back,.header__favorites{color:#fff4cb;align-items:center;gap:6px;text-decoration:none;display:flex}.header__back:hover,.header__favorites:hover{color:#ffde67}.header__back-short{display:none}@media (width<=600px){.header__back-full,.header__favorites-label{display:none}.header__back-short{display:inline}}.header__count{color:#000;text-align:center;background:#ffde67;border-radius:10px;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:700;line-height:20px}.footer{color:#858585;background:#000;padding-block:20px;font-size:13px}.footer__inner{width:100%;max-width:960px;margin-inline:auto;padding-inline:32px}@media (width<=600px){.footer__inner{padding-inline:20px}}.scroll-top{z-index:40;color:#000;cursor:pointer;background:#ffde67;border:0;border-radius:50%;width:48px;height:48px;font-size:22px;font-weight:700;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 14px #0006}.scroll-top:focus-visible{outline-offset:2px;outline:3px solid #fff4cb}html{scrollbar-gutter:stable}.page{color:#fff4cb;background:#3c0202;flex:1;padding-bottom:48px}.ingredients__field{color:#000;cursor:text;background:#fff4cb;border:2px solid #0000;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:4px 4px 4px 12px;display:flex}.ingredients__field:focus-within{border-color:#ffde67}.ingredients__chips{display:contents}.ingredients__chip{background:#ffde67;border-radius:15px;align-items:center;gap:2px;height:30px;padding:0 4px 0 10px;font-size:14px;font-weight:500;display:inline-flex}.ingredients__chip-remove{cursor:pointer;background:0 0;border:0;border-radius:50%;width:22px;height:22px;font-size:16px;line-height:1}.ingredients__chip-remove:hover{background:#0000001a}.ingredients__input{width:0;min-width:140px;height:32px;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:15px}.ingredients__input::placeholder{color:#858585}.ingredients__tools{align-items:center;margin-left:auto;display:flex}@media (width<=600px){.ingredients__field--filled .ingredients__tools{border-top:1px solid #00000014;justify-content:flex-end;width:100%}}.ingredients__tool{color:#2c2b2b;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.ingredients__tool:hover:not(:disabled){color:#9f4620;background:#00000014}.ingredients__tool:focus-within,.ingredients__tool:focus-visible{outline:2px solid #9f4620}.ingredients__tool:disabled,.ingredients__tool--disabled{opacity:.35;cursor:not-allowed}.ingredients__tool--recording{color:#fff4cb;background:#9f4620;animation:1.2s ease-in-out infinite pulse}.ingredients__tool--recording:hover:not(:disabled){color:#fff4cb;background:#9f4620}.ingredients__cross{font-size:24px;line-height:1}.ingredients__status{align-items:center;gap:12px;margin-top:10px;font-size:14px;display:flex}.ingredients__preview{object-fit:cover;border-radius:8px;width:56px;height:56px}.ingredients__phrase{opacity:.8;font-style:italic}.ingredients__notice--error{color:#ffde67}@keyframes pulse{0%,to{box-shadow:0 0 #9f462099}50%{box-shadow:0 0 0 8px #9f462000}}@media (prefers-reduced-motion:reduce){.ingredients__tool--recording{animation:none}}.card{color:#fff4cb;background:#2c2b2b;border-radius:20px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000073}.card:focus-within{outline-offset:2px;outline:3px solid #9f4620}.card__photo{background:linear-gradient(135deg,#9f4620,#3c0202);place-items:center;height:120px;display:grid;position:relative}.card__photo img{object-fit:cover;width:100%;height:100%}.card__placeholder{font-size:40px}.card__fav{z-index:2;color:#fff4cb;cursor:pointer;background:#0000008c;border:0;border-radius:50%;width:36px;height:36px;font-size:20px;line-height:1;position:absolute;top:8px;right:8px}.card__fav:hover,.card__fav--active{color:#ffde67}.card__fav:focus-visible{outline:2px solid #ffde67}.card__body{flex-direction:column;flex:1;gap:5px;padding:10px 14px 12px;display:flex}.card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.card__description,.card__meta{font-size:13px;line-height:1.4}.card__description{opacity:.8;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card__meta{color:#ffde67;margin-top:auto}.card__link{color:#000;background:#ffde67;border-radius:10px;outline:none;align-self:flex-start;margin-top:4px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none}.card__link:after{content:"";position:absolute;inset:0}.skeleton{background:#2c2b2b;border-radius:20px;flex-direction:column;gap:10px;height:100%;min-height:290px;padding-bottom:14px;display:flex;overflow:hidden}.skeleton__photo,.skeleton__line{background:linear-gradient(90deg,#fff4cb0f 0%,#fff4cb29 50%,#fff4cb0f 100%) 0 0/200% 100%;animation:1.4s linear infinite shimmer}.skeleton__photo{height:120px;margin-bottom:4px}.skeleton__line{border-radius:6px;height:12px;margin-inline:14px}.skeleton__line--title{width:70%;height:16px}.skeleton__line--short{width:45%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skeleton__photo,.skeleton__line{animation:none}}.carousel{--carousel-inset:max(32px, calc((100% - 960px) / 2 + 32px));padding-block:4px 10px;padding-inline:var(--carousel-inset);scroll-padding-inline:var(--carousel-inset);scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#fff4cb59 transparent;gap:20px;display:flex;overflow-x:auto}@media (width<=600px){.carousel{--carousel-inset:20px}}.carousel::-webkit-scrollbar{height:6px}.carousel::-webkit-scrollbar-thumb{background:#fff4cb59;border-radius:3px}.carousel--dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.carousel__item{scroll-snap-align:start;flex:0 0 280px;display:flex}.carousel__item>*{flex:1}.home{padding-top:20px}@media (width<=600px){.home{padding-top:20px}}.home__search{width:100%;max-width:960px;margin-inline:auto;padding-inline:32px}@media (width<=600px){.home__search{padding-inline:20px}}.home__title{color:#ffde67;font-family:Playfair Display,Georgia,serif;font-size:24px;font-weight:800}@media (width<=600px){.home__title{font-size:22px}}.home__lead{opacity:.85;margin:4px 0 14px;font-size:14px}.home__submit{color:#000;width:100%;height:44px;font:inherit;cursor:pointer;background:#ffde67;border:0;border-radius:12px;margin-top:12px;font-size:16px;font-weight:700}.home__submit:hover:not(:disabled){background:#ffe685}.home__submit:disabled{opacity:.6;cursor:progress}.home__submit:focus-visible{outline-offset:2px;outline:3px solid #fff4cb}.home__hints{opacity:.85;margin-top:14px;font-size:14px}.home__hint{color:#ffde67;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.home__error{color:#ffde67;margin-top:14px;font-size:14px}.home__results{margin-top:18px}.home__subtitle,.home__wait,.home__more{width:100%;max-width:960px;margin-inline:auto;padding-inline:32px}@media (width<=600px){.home__subtitle,.home__wait,.home__more{padding-inline:20px}}.home__subtitle{margin:0 auto 6px;font-size:18px;font-weight:700}.home__wait{opacity:.75;margin-top:-4px;margin-bottom:8px;font-size:13px}.home__more{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:4px;display:flex}.home__more-button{color:#fff4cb;height:44px;font:inherit;cursor:pointer;background:0 0;border:2px solid #fff4cb;border-radius:12px;padding:0 22px;font-size:15px;font-weight:600}.home__more-button:hover:not(:disabled){color:#ffde67;border-color:#ffde67}.home__more-button:disabled{color:#fff4cb4d;cursor:not-allowed;border-color:#fff4cb40}.home__limit{opacity:.8;flex:1;min-width:240px;font-size:13px}.home__empty{width:100%;max-width:960px;margin-inline:auto;padding-inline:32px}@media (width<=600px){.home__empty{padding-inline:20px}}.home__empty{margin-top:24px;font-size:15px}*,:before,:after{box-sizing:border-box}body{background:#000;margin:0;font-family:Inter,system-ui,sans-serif}#app{flex-direction:column;min-height:100vh;display:flex}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}h1,h2,p{margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}