:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-100:oklch(98.5% .006 85);--bg-200:oklch(96% .008 85);--bg-300:oklch(92.5% .011 85);--fg-900:oklch(21% .014 55);--fg-600:oklch(47% .014 55);--line-light:oklch(89% .008 85);--bg-900:oklch(15% .008 285);--bg-800:oklch(19% .009 285);--bg-700:oklch(24% .011 285);--fg-100:oklch(97% .004 285);--fg-400:oklch(73% .012 285);--line-dark:oklch(30% .012 285);--brand-light:oklch(56% .19 42);--brand-dark:oklch(75% .17 55);--brand-contrast-light:oklch(99% .012 60);--brand-contrast-dark:oklch(21% .02 45);--bg:var(--bg-100);--surface:var(--bg-200);--surface-2:var(--bg-300);--text:var(--fg-900);--muted:var(--fg-600);--line:var(--line-light);--brand:var(--brand-light);--brand-contrast:var(--brand-contrast-light);--radius-lg:20px;--radius:14px;--radius-sm:9px;--control-h:2.25rem;--shadow:0 18px 40px -22px oklch(0% 0 0/.5);accent-color:var(--brand);scrollbar-color:color-mix(in oklab, var(--muted) 55%, transparent) transparent;scrollbar-width:thin}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:var(--bg-900);--surface:var(--bg-800);--surface-2:var(--bg-700);--text:var(--fg-100);--muted:var(--fg-400);--line:var(--line-dark);--brand:var(--brand-dark);--brand-contrast:var(--brand-contrast-dark)}}@supports (color:light-dark(white, black)){:root{--bg:light-dark(var(--bg-100),var(--bg-900));--surface:light-dark(var(--bg-200),var(--bg-800));--surface-2:light-dark(var(--bg-300),var(--bg-700));--text:light-dark(var(--fg-900),var(--fg-100));--muted:light-dark(var(--fg-600),var(--fg-400));--line:light-dark(var(--line-light),var(--line-dark));--brand:light-dark(var(--brand-light),var(--brand-dark));--brand-contrast:light-dark(var(--brand-contrast-light),var(--brand-contrast-dark))}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.muted{color:var(--muted)}.small{font-size:.78rem}.dim{opacity:.35}.spacer{flex:1}.icon{flex:none}.app{grid-template-columns:264px minmax(0,1fr);min-height:100dvh;display:grid}.main{min-width:0;padding:0 1.75rem 5rem}.content{flex-direction:column;gap:2rem;padding-top:1.25rem;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:1.25rem;height:100dvh;padding:1.25rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:.6rem;padding:.25rem .5rem;display:flex}.brand__mark{font-size:1.5rem;line-height:1}.brand__name{letter-spacing:-.01em;font-size:1.15rem}.brand__name strong{color:var(--brand)}.nav{flex-direction:column;gap:.2rem;display:flex}.nav__item{border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:.7rem;padding:.6rem .7rem;transition:background .15s,color .15s;display:flex}.nav__item:hover{background:var(--surface-2);color:var(--text)}.nav__item[aria-current=page]{background:var(--surface-2);color:var(--text);font-weight:600}.pill{background:var(--brand);color:var(--brand-contrast);border-radius:999px;margin-left:auto;padding:.05rem .45rem;font-size:.7rem;font-weight:700}.sidebar__card{border-radius:var(--radius);background:linear-gradient(160deg, color-mix(in oklab, var(--brand) 16%, var(--surface-2)), var(--surface-2));border:1px solid var(--line);margin-top:auto;padding:.9rem}.sidebar__card-title{margin-bottom:.3rem;font-weight:700}.sidebar__card-body{color:var(--muted);margin-bottom:.75rem;font-size:.8rem}.sidebar__foot{padding:0 .5rem}.topbar{z-index:20;background:color-mix(in oklab, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:1rem;padding:.9rem 0;display:flex;position:sticky;top:0}.search{max-width:420px;height:var(--control-h);background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:1;align-items:center;gap:.55rem;padding:0 .7rem;display:flex}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1}.search input::placeholder{color:var(--muted)}.topbar__actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.btn{background:var(--surface-2);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .95rem;font-size:.88rem;font-weight:600;transition:transform 80ms,background .15s,border-color .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--brand{background:var(--brand);color:var(--brand-contrast)}.btn--brand:hover{background:color-mix(in oklab, var(--brand) 88%, white)}.btn--ghost{border-color:var(--line);color:var(--text);background:0 0}.btn--ghost:hover{background:var(--surface)}.btn--block{justify-content:center;width:100%}.icon-btn{background:var(--surface);border:1px solid var(--line);cursor:pointer;color:var(--text);border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .55rem;display:inline-flex}.icon-btn:hover{background:var(--surface-2)}.icon-btn--ghost{background:0 0;border-color:#0000}.topbar__actions .btn,.topbar__actions .icon-btn,.topbar__actions .segmented{height:var(--control-h)}.topbar__actions .btn{padding-block:0}.topbar__actions .icon-btn{width:var(--control-h);justify-content:center;padding:0}.segmented{height:var(--control-h);border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.segmented__item{min-width:2.1rem;height:100%;color:var(--muted);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 .5rem;font-size:.78rem;font-weight:700;transition:background .15s,color .15s}.segmented__item:hover:not([aria-pressed=true]){color:var(--text)}.segmented__item[aria-pressed=true]{background:var(--brand);color:var(--brand-contrast)}.hero{border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(120% 140% at 100% 0%, color-mix(in oklab, var(--brand) 26%, transparent), transparent 60%), linear-gradient(180deg, var(--surface), var(--bg));box-shadow:var(--shadow);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.5rem;padding:2rem;display:grid;position:relative;overflow:hidden}.hero__eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--brand);margin-bottom:.6rem;font-size:.72rem;font-weight:700}.hero__title{letter-spacing:-.02em;margin-bottom:.7rem;font-size:clamp(1.5rem,3.4vw,2.4rem);line-height:1.1}.hero__lead{color:var(--muted);max-width:46ch;margin-bottom:1.1rem}.hero__actions{flex-wrap:wrap;gap:.6rem;margin-bottom:1.2rem;display:flex}.hero__stats{flex-wrap:wrap;gap:1.4rem;margin:0;padding:0;list-style:none;display:flex}.hero__stats strong{font-size:1.15rem;display:block}.hero__stats span{color:var(--muted);font-size:.78rem}.hero__art{grid-template-columns:repeat(2,1fr);align-content:center;gap:.6rem;display:grid;position:relative}.hero__tile{aspect-ratio:1;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(150deg, color-mix(in oklab, var(--accent) 85%, white), color-mix(in oklab, var(--accent) 55%, black));place-items:center;font-size:2.2rem;display:grid}.hero__tile:nth-child(2),.hero__tile:nth-child(4){transform:translateY(.9rem)}.howto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.howto__step{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:.7rem;padding:.9rem;display:flex}.howto__num{background:var(--brand);width:1.6rem;height:1.6rem;color:var(--brand-contrast);border-radius:999px;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid}.howto__text{color:var(--muted);font-size:.85rem}.howto__text strong{color:var(--text);margin-bottom:.15rem;font-size:.92rem;display:block}.shelf__head{align-items:flex-end;gap:1rem;margin-bottom:.8rem;display:flex}.shelf__title{letter-spacing:-.01em;font-size:1.15rem}.shelf__subtitle{color:var(--muted);font-size:.82rem}.shelf__track{scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:200px;grid-auto-flow:column;gap:.9rem;padding-bottom:.6rem;display:grid;overflow-x:auto}.shelf__track>*{scroll-snap-align:start}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:transform .12s,border-color .15s;position:relative;overflow:hidden;container-type:inline-size}.card:hover{border-color:color-mix(in oklab, var(--brand) 45%, var(--line));transform:translateY(-2px)}.card__hit{z-index:1;border-radius:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.card__art{aspect-ratio:16/10;background:linear-gradient(150deg, color-mix(in oklab, var(--accent) 88%, white), color-mix(in oklab, var(--accent) 52%, black));place-items:center;display:grid;position:relative}.card__art img{object-fit:cover;width:100%;height:100%}.card__emoji{filter:drop-shadow(0 4px 8px oklch(0% 0 0/.28));font-size:2.6rem}.badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(0% 0 0/.55);border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700;position:absolute;top:.5rem;left:.5rem}.badge--match{background:color-mix(in oklab, var(--brand) 80%, black);color:var(--brand-contrast)}.card__body{padding:.7rem .75rem .85rem}.card__title{letter-spacing:-.01em;font-size:.95rem}.card__ru{color:var(--muted);margin-bottom:.5rem;font-size:.78rem}.card__meta{color:var(--muted);flex-wrap:wrap;gap:.65rem;margin:0;padding:0;font-size:.76rem;list-style:none;display:flex}.card__meta li{align-items:center;gap:.25rem;display:flex}.card__reason{border-top:1px dashed var(--line);color:var(--brand);margin-top:.55rem;padding-top:.55rem;font-size:.76rem;display:none}.card__like{z-index:2;color:oklch(35% .15 20);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:oklch(100% 0 0/.75);border:1px solid oklch(0% 0 0/.15);border-radius:999px;place-items:center;width:2rem;height:2rem;display:grid;position:absolute;top:.5rem;right:.5rem}.card__like:hover{transform:scale(1.06)}.card__like.is-liked{color:oklch(55% .22 20)}@container (width>=230px){.card__reason{display:block}.card__emoji{font-size:3.2rem}}.compare{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:1.1rem}.compare__head{align-items:flex-start;gap:1rem;margin-bottom:.9rem;display:flex}.compare__title{align-items:center;gap:.45rem;font-size:1.1rem;display:flex}.compare__sub{color:var(--muted);max-width:70ch;margin-top:.25rem;font-size:.85rem}.compare__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.9rem;display:grid}.rank{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);padding:.8rem}.rank--brand{border-color:color-mix(in oklab, var(--brand) 45%, var(--line))}.rank__head{margin-bottom:.5rem}.rank__title{font-size:.95rem}.rank__caption{color:var(--muted);font-size:.75rem}.rank__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rank__row{border-top:1px solid var(--line);align-items:center;gap:.55rem;padding:.4rem 0;display:flex}.rank__row:first-child{border-top:0}.rank__pos{width:1.3rem;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.rank__emoji{font-size:1.2rem}.rank__main{flex-direction:column;min-width:0;display:flex}.rank__name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.rank__sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.rank--brand .rank__sub{color:color-mix(in oklab, var(--brand) 75%, var(--muted))}.rank__score{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.75rem;font-weight:700}.rank--brand .rank__score{color:var(--brand)}.filters{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.25rem;padding:.9rem;display:flex}.filter-group{flex-direction:column;gap:.35rem;display:flex}.filter-group .label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.7rem;font-weight:700}.chips{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:.3rem;padding:.28rem .6rem;font-size:.78rem;display:inline-flex}button.chip{cursor:pointer;background:0 0}button.chip:hover{color:var(--text);background:var(--surface-2)}button.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast);font-weight:600}.overlay{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:oklch(0% 0 0/.55);place-items:center;padding:1rem;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.wizard{border-radius:var(--radius-lg);background:var(--bg);border:1px solid var(--line);width:min(680px,100%);max-height:min(88dvh,760px);box-shadow:var(--shadow);flex-direction:column;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.wizard__head{justify-content:space-between;align-items:center;display:flex}.wizard__dots{gap:.35rem;display:flex}.dot{background:var(--surface-2);border-radius:999px;width:1.6rem;height:.32rem}.dot.is-active{background:var(--brand)}.dot.is-done{background:color-mix(in oklab, var(--brand) 45%, var(--surface-2))}.wizard__title{letter-spacing:-.02em;font-size:1.35rem}.wizard__hint{color:var(--muted);max-width:60ch;margin-top:.25rem;font-size:.88rem}.wizard__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;display:grid}.tile{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:left;align-items:center;gap:.5rem;padding:.6rem .7rem;transition:border-color .12s,background .12s,transform 80ms;display:flex;position:relative}.tile:hover:not(:disabled){border-color:color-mix(in oklab, var(--brand) 50%, var(--line));transform:translateY(-1px)}.tile.is-on{border-color:var(--brand);background:color-mix(in oklab, var(--brand) 14%, var(--surface))}.tile:disabled{opacity:.4;cursor:not-allowed}.tile__emoji{font-size:1.2rem}.tile__label{font-size:.83rem;font-weight:600}.tile__check{background:var(--brand);width:1.1rem;height:1.1rem;color:var(--brand-contrast);border-radius:999px;place-items:center;display:grid;position:absolute;top:-.35rem;right:-.35rem}.wizard__foot{border-top:1px solid var(--line);align-items:center;gap:.5rem;padding-top:.4rem;display:flex}.wizard__footnote{text-align:center}.sheet{border-radius:var(--radius-lg);background:var(--bg);border:1px solid var(--line);width:min(720px,100%);max-height:88dvh;box-shadow:var(--shadow);position:relative;overflow-y:auto}.sheet__close{z-index:2;position:absolute;top:.7rem;right:.7rem}.sheet__hero{background:linear-gradient(150deg, color-mix(in oklab, var(--accent) 88%, white), color-mix(in oklab, var(--accent) 52%, black));place-items:center;height:170px;display:grid}.sheet__hero img{object-fit:cover;width:100%;height:100%}.sheet__emoji{filter:drop-shadow(0 6px 12px oklch(0% 0 0/.3));font-size:4rem}.sheet__body{flex-direction:column;gap:.9rem;padding:1.1rem 1.25rem 1.3rem;display:flex}.sheet__title{letter-spacing:-.02em;font-size:1.5rem}.sheet__ru{color:var(--muted);font-size:.88rem}.sheet__cols{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1.25rem;display:grid}.sheet__h3{text-transform:uppercase;letter-spacing:.1em;color:var(--brand);margin-bottom:.45rem;font-size:.75rem}.ingredients{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.ingredients li{padding-left:.9rem;font-size:.87rem;position:relative}.ingredients li:before{content:"";background:var(--brand);border-radius:999px;width:.35rem;height:.35rem;position:absolute;top:.55em;left:0}.steps{flex-direction:column;gap:.4rem;margin:0;padding-left:1.1rem;font-size:.87rem;display:flex}.sheet__foot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.9rem;display:flex}.tags{flex-wrap:wrap;gap:.3rem;display:flex}.tag{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:.15rem .5rem;font-size:.72rem}.sheet__actions{align-items:center;gap:.75rem;margin-left:auto;display:flex}.section-title{letter-spacing:-.02em;font-size:1.35rem}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);padding:2.5rem}.footnote{border-top:1px solid var(--line);color:var(--muted);padding-top:1rem;font-size:.78rem}@media (width<=900px){.app{grid-template-columns:1fr}.sidebar{border-right:0;border-top:1px solid var(--line);z-index:40;flex-direction:row;align-items:center;gap:.25rem;height:auto;padding:.5rem .6rem;position:fixed;inset:auto 0 0;overflow:visible}.sidebar .brand,.sidebar__card,.sidebar__foot{display:none}.nav{flex-direction:row;justify-content:space-around;width:100%}.nav__item{text-align:center;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem;font-size:.68rem}.nav__item .pill{margin:0;position:absolute}.main{padding:0 1rem 6rem}.hero{grid-template-columns:1fr;padding:1.25rem}.hero__art{display:none}.sheet__cols{grid-template-columns:1fr}.topbar__actions .btn__label{display:none}}@media (width<=560px){.search{max-width:none}.shelf__track{grid-auto-columns:168px}}.account{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:.3rem;max-width:240px;padding:.15rem .25rem .15rem .6rem;display:flex}.account__email{color:var(--muted);align-items:center;gap:.35rem;min-width:0;display:flex}.account__text{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.offline-badge{border:1px dashed var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .65rem;font-size:.75rem;display:inline-flex}.wizard--narrow{width:min(430px,100%)}.form{flex-direction:column;gap:.5rem;display:flex}.form__label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem;font-weight:700}.form__input{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;width:100%;padding:.6rem .75rem}.form__input:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.form__input--code{letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;font-size:1.1rem}.form__hint{text-align:center}.form__error{color:#c62f2f;font-size:.85rem}@media (prefers-color-scheme:dark){.form__error{color:#ff8b8b}}.modelbar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.7rem .9rem;display:flex}.modelbar__label{text-transform:uppercase;letter-spacing:.08em;color:var(--brand);font-size:.72rem;font-weight:700}.modelbar__select{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;max-width:100%;padding:.4rem .6rem;font-size:.85rem}.modelbar__note{margin-left:auto}@media (width<=900px){.account__text,.offline-badge .btn__label,.modelbar__note{display:none}.topbar{flex-wrap:wrap}.topbar__actions{justify-content:flex-end;width:100%}}.source-link{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.source-link:hover{border-color:color-mix(in oklab, var(--brand) 55%, var(--line));color:var(--brand)}.source-link__src{color:var(--muted);font-weight:400}@media (width<=560px){.source-link__src{display:none}}.footnote__version{color:var(--muted);margin-top:.4rem;font-size:.75rem}.footnote__version a{color:var(--muted);border-bottom:1px dotted var(--line);text-decoration:none}.footnote__version a:hover{color:var(--brand);border-bottom-color:var(--brand)}