:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1d211f;--muted:#6d726e;--paper:#f3f0e9;--card:#fffdf8;--line:#1d211f1a;--accent:#ff6847;--acid:#d7f36a;--dark:#171a18;--safe-top:max(18px, env(safe-area-inset-top));--safe-bottom:max(16px, env(safe-area-inset-bottom));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto}body,html{background:var(--paper)}body{min-width:320px;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}html.route-change-concealed body{visibility:hidden}button,input{font:inherit;-webkit-tap-highlight-color:transparent}a,button,input{color:inherit}.access-gate{z-index:1000;min-width:320px;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));background:var(--dark);color:#fff;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden auto}.access-gate__glow{filter:blur(9px);pointer-events:none;border-radius:50%;position:absolute}.access-gate__glow--olive{background:#768a3d3d;width:230px;height:230px;top:-70px;right:-55px}.access-gate__glow--coral{background:#ff68473b;width:300px;height:300px;bottom:-100px;left:-90px}.access-gate__card{z-index:1;text-align:center;width:min(100%,440px);position:relative}.access-gate__logo{-o-object-fit:cover;object-fit:cover;border-radius:34px;width:132px;height:132px;margin:0 auto 24px;display:block;box-shadow:0 20px 54px #00000042}.access-gate__eyebrow{color:var(--acid);letter-spacing:.13em;font-size:12px;font-weight:900;display:block}.access-gate__badge{min-height:34px;color:var(--acid);letter-spacing:.09em;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:11px;font-weight:900;display:inline-flex}.access-gate__badge--error{color:#ff9a83}.access-gate h1{letter-spacing:-.06em;margin:16px 0 11px;font-size:clamp(34px,10vw,48px);line-height:.98}.access-gate p{color:#ffffffa8;max-width:360px;margin:0 auto;font-size:15px;line-height:1.55}.access-gate__channel{text-align:left;background:#ffffff12;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:13px;max-width:360px;margin:20px auto 0;padding:12px;display:flex}.access-gate__channel img{-o-object-fit:cover;object-fit:cover;border:2px solid #ffffff2e;border-radius:50%;flex:none;width:58px;height:58px}.access-gate__channel div{min-width:0}.access-gate__channel small,.access-gate__channel span,.access-gate__channel strong{display:block}.access-gate__channel strong{font-size:16px;line-height:1.25}.access-gate__channel span{color:#ffffffc2;margin-top:3px;font-size:13px}.access-gate__channel small{color:var(--acid);text-overflow:ellipsis;margin-top:4px;font-size:11px;font-weight:800;overflow:hidden}.access-gate__primary,.access-gate__secondary{cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;font-size:15px;font-weight:900;display:flex}.access-gate__primary{background:var(--accent);color:#fff;justify-content:space-between;margin-top:28px;padding:0 18px}.access-gate__channel+.access-gate__primary{margin-top:14px}.access-gate__primary span{align-items:center;gap:9px;display:inline-flex}.access-gate__secondary{color:#fff;background:#ffffff14;margin-top:10px}.access-gate__primary:disabled,.access-gate__secondary:disabled{opacity:.55;cursor:default}.access-gate__spinner{color:var(--acid);margin:0 auto 16px}.access-gate .is-spinning,.access-gate__spinner{animation:.9s linear infinite access-spin}@keyframes access-spin{to{transform:rotate(1turn)}}.app-shell{width:min(100%,560px);min-height:100dvh;padding:var(--safe-top) 18px calc(104px + var(--safe-bottom));margin:0 auto;overflow:hidden}.topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-heading__eyebrow,.topbar__eyebrow{color:var(--muted);letter-spacing:.12em;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.topbar h1{letter-spacing:-.04em;margin:0;font-size:21px}.avatar-button{background:var(--acid);cursor:pointer;border:0;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:900;text-decoration:none;display:grid}.hero-card{background:var(--dark);color:#fff;border-radius:30px;min-height:350px;position:relative;overflow:hidden;box-shadow:0 12px 28px #171a181a}.hero-card__content{z-index:3;width:74%;padding:30px 26px;position:relative}.hero-card__label{color:var(--acid);letter-spacing:.04em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800;display:inline-flex}.hero-card h2{letter-spacing:-.065em;margin:21px 0 12px;font-size:clamp(37px,10vw,50px);line-height:.96}.hero-card p{color:#ffffffa6;max-width:280px;margin:0;font-size:14px;line-height:1.48}.primary-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:16px;justify-content:space-between;align-items:center;width:min(100%,235px);margin-top:24px;padding:15px 17px;font-weight:800;display:flex}.primary-button span{font-size:20px}.primary-button__label{align-items:center;gap:8px;display:inline-flex;font-size:13px!important}.hero-card__glow{filter:blur(2px);border-radius:50%;position:absolute}.hero-card__glow--one{background:#ff684747;width:270px;height:270px;bottom:-80px;right:-100px}.hero-card__glow--two{background:#d7f36a29;width:110px;height:110px;top:25px;right:12px}.hero-glass{z-index:2;background:linear-gradient(#0000 22%,#ffffff14 23%);border:3px solid #ffffffb8;border-top-width:5px;border-radius:12px 12px 30px 30px;width:117px;height:192px;position:absolute;bottom:22px;right:-7px;transform:rotate(7deg);box-shadow:inset 0 0 30px #ffffff14}.hero-glass__liquid{background:linear-gradient(165deg,#f7c849,#ff704d 76%);border-radius:4px 4px 22px 22px;position:absolute;inset:60px 7px 7px;overflow:hidden;box-shadow:0 0 35px #ff68475c}.hero-glass__liquid:after{content:"";background:#ffffff29;border:1px solid #ffffff7a;border-radius:8px;width:27px;height:38px;position:absolute;top:14px;left:18px;transform:rotate(12deg)}.hero-glass__lime{border:8px solid var(--acid);background:#d7f36a2e;border-radius:50%;width:48px;height:48px;position:absolute;top:34px;right:-5px}.learn-banner{border:1px solid var(--line);background:var(--card);border-radius:20px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;margin-top:14px;padding:15px;text-decoration:none;display:grid}.learn-banner>span{background:var(--acid);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.learn-banner p,.learn-banner small,.learn-banner strong{display:block}.learn-banner small{color:var(--muted);letter-spacing:.09em;font-size:11px;font-weight:900}.learn-banner strong{margin-top:3px;font-size:15px;line-height:1.25}.learn-banner p{color:var(--muted);margin:3px 0 0;font-size:12px;line-height:1.4}.learn-banner>svg{color:var(--accent)}.section-block{padding-top:34px;scroll-margin-top:16px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.section-heading h2{letter-spacing:-.05em;margin:0;font-size:27px}.text-button{color:var(--accent);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:800;text-decoration:none}.text-button--icon{background:#ff684717;border-radius:12px;align-items:center;gap:6px;min-height:36px;padding:0 11px;display:inline-flex}.search-field{border:1px solid var(--line);background:var(--card);min-height:50px;color:var(--muted);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 14px;display:grid}.search-field>span{font-size:24px;line-height:1}.search-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px}.search-field input::placeholder{color:#999b96}.search-field button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:#ece9e1;border:0;border-radius:50%}.catalog-tabs,.category-tabs{scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;scroll-behavior:smooth;gap:8px;margin:12px -18px 0;padding:0 18px 4px;display:flex;overflow-x:auto}.catalog-tabs.is-dragging,.category-tabs.is-dragging{cursor:grabbing;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.catalog-tabs::-webkit-scrollbar{display:none}.category-tabs::-webkit-scrollbar{display:none}.catalog-tabs button,.category-tabs button{border:1px solid var(--line);background:var(--card);min-height:38px;color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;padding:0 13px;font-size:12px;font-weight:800}.catalog-tabs button.active,.category-tabs button.active{border-color:var(--ink);background:var(--ink);color:#fff}.catalog-tabs button span{color:var(--accent);margin-left:5px}.ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px;display:grid}.ingredient-tile{border:1px solid var(--line);background:var(--card);text-align:left;cursor:pointer;border-radius:17px;align-items:center;gap:10px;min-height:58px;padding:10px;display:flex;position:relative;overflow:hidden}.ingredient-tile:active{transform:scale(.98)}.ingredient-tile__check{width:30px;height:30px;color:var(--muted);background:#ece9e1;border-radius:10px;flex:none;place-items:center;font-size:16px;font-weight:900;display:grid}.ingredient-tile__copy{min-width:0}.ingredient-tile__copy strong{text-overflow:ellipsis;font-size:13px;line-height:1.3;display:block;overflow:hidden}.ingredient-tile--selected{border-color:var(--ink);background:var(--ink);color:#fff}.ingredient-tile--selected .ingredient-tile__check{background:var(--acid);color:var(--ink)}.ingredient-tile--selected small{color:#ffffff94}.selector-empty{color:var(--muted);text-align:center;padding:20px 0;font-size:13px}.ingredient-chips{flex-wrap:wrap;gap:9px;display:flex}.ingredient-chip{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:14px;align-items:center;gap:8px;min-height:42px;padding:9px 13px 9px 9px;font-size:13px;font-weight:700;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}.ingredient-chip:active{transform:scale(.96)}.ingredient-chip span{width:24px;height:24px;color:var(--muted);background:#ece9e1;border-radius:8px;place-items:center;display:grid}.ingredient-chip--selected{border-color:var(--ink);background:var(--ink);color:#fff}.ingredient-chip--selected span{background:var(--acid);color:var(--ink)}.section-block--results{padding-bottom:20px}.result-tabs{background:#e7e3da;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;display:grid}.result-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:10px 8px;font-size:12px;font-weight:800;display:flex}.result-tabs button span{background:#1d211f14;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;display:grid}.result-tabs button.active{background:var(--card);color:var(--ink);box-shadow:0 3px 10px #1d211f12}.random-picker{background:var(--dark);color:#fff;border-radius:22px;margin-top:14px;padding:17px;position:relative;overflow:hidden}.random-picker:after{content:"";pointer-events:none;background:#d7f36a1f;border-radius:50%;width:155px;height:155px;position:absolute;bottom:-65px;right:-45px}.random-picker__heading{z-index:1;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;display:grid;position:relative}.random-picker__heading>svg{color:var(--acid)}.random-picker__heading h3,.random-picker__heading small{display:block}.random-picker__heading small{color:#ffffff8c;letter-spacing:.08em;font-size:11px;font-weight:900}.random-picker__heading h3{letter-spacing:-.035em;margin:3px 0 0;font-size:19px}.random-picker__icon{background:var(--acid);width:42px;height:42px;color:var(--ink);border-radius:14px;place-items:center;display:grid}.random-picker__icon.is-spinning{animation:.7s linear infinite random-spin}.random-picker>p{z-index:1;color:#ffffffad;margin:14px 0 0;font-size:13px;line-height:1.5;position:relative}.random-picker__reel{z-index:1;background:#ffffff12;border:1px solid #ffffff1a;border-radius:17px;min-height:78px;margin-top:14px;padding:14px;position:relative;overflow:hidden}.random-picker__reel span,.random-picker__reel strong{display:block}.random-picker__reel span{color:#ffffff8c;font-size:11px;font-weight:800}.random-picker__reel strong{color:var(--acid);text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:20px;overflow:hidden}.random-picker__result{z-index:1;color:var(--ink);background:#fff;border-radius:18px;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:14px;padding:9px;text-decoration:none;animation:.26s both random-reveal;display:grid;position:relative}.random-picker__photo{background-color:#ded8cd;background-repeat:no-repeat;background-size:cover;border-radius:13px;width:62px;height:72px}.random-picker__result em,.random-picker__result small,.random-picker__result strong{display:block}.random-picker__result small{color:var(--accent);letter-spacing:.08em;font-size:11px;font-weight:900}.random-picker__result strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:17px;overflow:hidden}.random-picker__result em{color:var(--muted);margin-top:4px;font-size:11px;font-style:normal}.random-picker__result>svg{color:var(--accent)}.random-picker__button{z-index:1;background:var(--acid);width:100%;color:var(--ink);cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:13px 15px;font-size:13px;font-weight:900;display:flex;position:relative}.random-picker__button:disabled{color:#ffffff59;cursor:default;background:#ffffff1a}.cocktail-list{gap:14px;margin-top:16px;display:grid}.cocktail-card{border:1px solid var(--line);background:var(--card);min-height:158px;color:inherit;border-radius:22px;grid-template-columns:116px 1fr;text-decoration:none;display:grid;overflow:hidden}.cocktail-card:active{opacity:.9}.cocktail-card__visual{background:#ffb65c;place-items:center;display:grid;position:relative;overflow:hidden}.cocktail-card__visual--sunset{background:linear-gradient(145deg,#ff8b4e,#f9c851)}.cocktail-card__visual--coffee{background:linear-gradient(145deg,#3f2a23,#b16c40)}.cocktail-card__visual--cola{background:linear-gradient(145deg,#4b2924,#e35c3d)}.cocktail-card__visual--mint{background:linear-gradient(145deg,#b9ea8c,#56bfc1)}.cocktail-card__visual--amber{background:linear-gradient(145deg,#f2bf62,#be5c2a)}.cocktail-card__visual--tomato{background:linear-gradient(145deg,#ff7055,#a91f27)}.cocktail-card__visual--photo{background-color:#ded8cd}.cocktail-card__image{width:100%;height:100%;position:absolute;inset:0;transform:scale(1.045)}.cocktail-card__visual--photo:after{content:"";background:linear-gradient(#00000014,#0000 45%,#0003);position:absolute;inset:0}.cocktail-card__visual--photo .status-pill{z-index:1}.cocktail-glass{background:#ffffff26;border:2px solid #ffffffe6;border-radius:5px 5px 16px 16px;width:49px;height:77px;position:relative;transform:rotate(5deg);box-shadow:0 14px 24px #00000024}.cocktail-glass span{background:#ffffff75;border-radius:2px 2px 10px 10px;position:absolute;inset:23px 4px 4px}.status-pill{min-width:29px;height:29px;color:var(--ink);background:#fff;border-radius:999px;place-items:center;padding:0 8px;font-size:11px;font-weight:900;display:grid;position:absolute;top:9px;right:9px}.status-pill--ready{background:var(--acid);height:25px;left:8px;right:auto}.status-pill--missing{top:auto;bottom:9px}.cocktail-card__body{align-self:center;padding:15px 14px}.cocktail-card__meta{color:var(--muted);text-transform:uppercase;align-items:center;gap:5px;font-size:11px;font-weight:800;display:flex}.cocktail-card__meta span{align-items:center;gap:4px;display:inline-flex}.cocktail-card h3{letter-spacing:-.035em;margin:6px 0 5px;font-size:19px}.cocktail-card__title{justify-content:space-between;align-items:center;gap:8px;display:flex}.cocktail-card__title svg{color:var(--accent);flex:none}.cocktail-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.42;display:-webkit-box;overflow:hidden}.cocktail-card__missing{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.35}.cocktail-card__missing strong{color:var(--ink)}.cocktail-card__ready{color:#60751b;margin-top:8px;font-size:12px;font-weight:800}.empty-state{text-align:center;border:1px dashed #1d211f33;border-radius:22px;margin-top:16px;padding:28px 22px}.empty-state__icon{background:var(--acid);border-radius:14px;place-items:center;width:42px;height:42px;margin:0 auto 12px;font-size:24px;display:grid}.empty-state h3{margin:0 0 6px}.empty-state p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.bottom-nav{z-index:20;right:12px;bottom:max(10px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#171a18f0;border:1px solid #ffffff14;border-radius:23px;grid-template-columns:repeat(3,1fr);max-width:524px;margin:0 auto;padding:8px;display:grid;position:fixed;left:12px;box-shadow:0 16px 35px #171a1842}.bottom-nav--five{grid-template-columns:repeat(5,1fr)}.bottom-nav a{color:#ffffff7a;cursor:pointer;background:0 0;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;font-size:11px;font-weight:700;text-decoration:none;transition:background .16s,color .16s;display:flex}.bottom-nav a.active{color:var(--acid);background:#ffffff14}.bottom-nav__icon{font-size:20px;line-height:1}.page-shell{overflow:visible}.page-header{grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;margin-bottom:22px;display:grid}.page-header h1{letter-spacing:-.05em;margin:0;font-size:27px}.back-button,.favorite-button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:15px;place-items:center;width:44px;height:44px;font-size:21px;font-weight:800;text-decoration:none;display:grid}.page-header__counter{background:var(--acid);border-radius:14px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.bar-summary{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.bar-summary div{background:var(--dark);color:#fff;border-radius:19px;padding:17px}.bar-summary span,.bar-summary strong{display:block}.bar-summary strong{color:var(--acid);font-size:28px;line-height:1}.bar-summary span{color:#ffffffa6;margin-top:7px;font-size:12px}.section-block--flush{padding-top:26px}.sticky-action{z-index:10;bottom:calc(91px + env(safe-area-inset-bottom));background:var(--accent);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;margin-top:24px;padding:17px 18px;font-size:14px;font-weight:900;text-decoration:none;display:flex;position:sticky;box-shadow:0 15px 30px #ff684747}.sticky-action span{align-items:center;gap:5px;font-size:12px;display:inline-flex}.search-field--catalog{margin-bottom:12px}.catalog-tabs{margin-top:0}.cocktail-list--catalog{margin-top:18px}.cocktail-list--catalog .cocktail-card{content-visibility:auto;contain-intrinsic-size:auto 158px}.empty-state--large{margin-top:60px;padding:42px 25px}.secondary-button{background:var(--dark);color:#fff;border-radius:14px;align-items:center;gap:7px;margin-top:18px;padding:13px 16px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.detail-shell{padding-top:0}.detail-hero{min-height:calc(360px + var(--hero-pull,0px));padding:var(--safe-top) 24px 24px;color:#fff;border-radius:0 0 28px 28px;margin:0 -18px;transition:min-height .24s,border-radius .24s,background-size .24s;position:relative;overflow:hidden}.detail-hero:after{content:"";background:linear-gradient(#0000000a,#00000073);position:absolute;inset:0}.detail-hero--photo{background-color:#151816}.detail-hero__image{z-index:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .24s,object-position .24s,-o-object-position .24s;position:absolute;inset:0;transform:scale(1.045)}.detail-hero--expanded .detail-hero__image{transform:scale(1.035)}.detail-hero--photo:after{background:linear-gradient(#0000003d,#000000b3)}.detail-hero--photo .detail-glass{display:none}.detail-hero--expanded{background-size:cover;min-height:clamp(430px,58dvh,520px)}.detail-hero--expanded:after{background:linear-gradient(#0000003b,#0000 42%,#0000009e)}.detail-hero--pulling{transition:none}.detail-hero__nav{z-index:4;justify-content:space-between;display:flex;position:relative}.detail-hero__actions{gap:8px;display:flex}.detail-hero__open-image{z-index:2;cursor:zoom-in;touch-action:pan-y;background:0 0;border:0;position:absolute;inset:0}.detail-hero--expanded .detail-hero__open-image{cursor:zoom-out}.back-button--glass,.detail-hero .favorite-button,.detail-hero .photo-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:15px;place-items:center;width:44px;height:44px;display:grid}.favorite-button{font-size:25px}.detail-glass{z-index:1;background:#ffffff29;border:3px solid #ffffffc7;border-radius:8px 8px 24px 24px;width:72px;height:116px;position:absolute;top:66px;right:45px;transform:rotate(6deg);box-shadow:0 22px 35px #00000024}.detail-glass span{background:#ffffff80;border-radius:3px 3px 14px 14px;position:absolute;inset:36px 6px 6px}.detail-hero__copy{z-index:3;pointer-events:none;position:absolute;bottom:24px;left:24px;right:24px}.detail-hero__copy>span{letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:900;line-height:1.35}.detail-hero__copy h1{letter-spacing:-.06em;max-width:350px;margin:8px 0 0;font-size:38px;line-height:.95}.detail-hero__copy p{color:#ffffffc2;max-width:410px;margin:0;font-size:13px;line-height:1.45}.detail-hero__pull-handle{z-index:4;pointer-events:none;background:#ffffff94;border-radius:999px;width:34px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.availability-card{background:#ffe2d8;border-radius:18px;align-items:center;gap:12px;margin-top:16px;padding:15px;display:flex}.availability-card--ready{background:#e7f4b8}.availability-card__icon{background:var(--accent);color:#fff;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.availability-card--ready .availability-card__icon{background:var(--dark);color:var(--acid)}.availability-card span,.availability-card strong{display:block}.availability-card strong{font-size:15px}.availability-card span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4}.detail-section{padding-top:30px}.detail-section__heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.detail-section__heading h2{letter-spacing:-.05em;margin:0;font-size:26px}.portion-stepper{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:12px;grid-template-columns:30px 26px 30px;align-items:center;display:grid;overflow:hidden}.portion-stepper button{cursor:pointer;background:0 0;border:0;height:34px;font-weight:900}.portion-stepper button:disabled{opacity:.25}.portion-stepper span{font-size:12px;font-weight:900}.requirement-list{border:1px solid var(--line);background:var(--card);border-radius:20px;overflow:hidden}.requirement-row{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:12px 13px;display:grid}.requirement-row:last-child{border-bottom:0}.requirement-row__status{width:30px;height:30px;color:var(--accent);background:#ffe2d8;border-radius:10px;place-items:center;font-weight:900;display:grid}.requirement-row--available .requirement-row__status{background:var(--acid);color:var(--ink)}.requirement-row--optional .requirement-row__status{color:var(--muted);background:#ece9e1}.requirement-row small,.requirement-row strong{display:block}.requirement-row strong{font-size:14px;line-height:1.25}.requirement-row small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4}.requirement-row b{white-space:nowrap;font-size:13px}.shopping-button{background:var(--dark);color:#fff;cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:15px;font-size:12px;font-weight:900;text-decoration:none;display:flex}.shopping-button:disabled{color:var(--muted);background:#dedbd3}.shopping-button--added{color:var(--ink);background:#e7f4b8}.steps-list{counter-reset:steps;gap:10px;margin:0;padding:0;list-style:none;display:grid}.steps-list li{background:var(--card);border-radius:18px;grid-template-columns:40px 1fr;align-items:start;gap:13px;padding:16px;display:grid}.steps-list span{background:var(--acid);border-radius:11px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.steps-list p{margin:0;font-size:15px;line-height:1.55}.detail-facts{background:var(--line);border-radius:20px;gap:1px;margin-top:26px;display:grid;overflow:hidden}.detail-facts div{background:var(--card);justify-content:space-between;align-items:baseline;gap:20px;padding:14px 16px;display:flex}.detail-facts span{color:var(--muted);font-size:13px}.detail-facts strong{text-align:right;font-size:14px}.knowledge-card{background:var(--card);border-radius:20px;grid-template-columns:40px 1fr;gap:12px;margin-top:13px;padding:17px;display:grid}.knowledge-card__icon{background:var(--acid);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.knowledge-card h2{letter-spacing:-.04em;margin:2px 0 8px;font-size:20px}.knowledge-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.knowledge-card p+p{margin-top:7px}.knowledge-card--warning{background:#ffe4d9}.knowledge-card--warning .knowledge-card__icon{background:var(--accent);color:#fff}.knowledge-card--warning h2{font-size:23px}.knowledge-card--warning p{color:var(--ink);font-size:16px;font-weight:800;line-height:1.5}.nutrition-card{background:#e7f4b8;border-radius:20px;margin-top:13px;padding:17px}.nutrition-card>div{gap:8px;display:flex}.nutrition-card strong{background:#ffffff8c;border-radius:10px;padding:7px 9px;font-size:12px}.nutrition-card p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.45}.learn-intro{background:var(--dark);color:#fff;border-radius:24px;min-width:0;padding:22px;overflow:hidden}.learn-intro__icon{background:var(--acid);width:46px;height:46px;color:var(--ink);border-radius:15px;place-items:center;display:grid}.learn-intro h2{letter-spacing:-.05em;margin:17px 0 7px;font-size:28px;line-height:1}.learn-intro p{color:#ffffffb3;margin:0;font-size:15px;line-height:1.55}.learn-intro__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;min-width:0;margin-top:18px;display:grid}.learn-intro__stats span{color:#ffffffad;background:#ffffff14;border-radius:12px;min-width:0;padding:11px 9px;font-size:11px;line-height:1.3}.learn-intro__stats strong{color:var(--acid);margin-bottom:4px;font-size:17px;display:block}.learning-track{min-width:0;padding-top:30px}.learning-track__header{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:12px;display:grid}.learning-track__header>span{background:var(--dark);width:40px;height:40px;color:var(--acid);border-radius:13px;place-items:center;font-size:12px;font-weight:900;display:grid}.learning-track__header small{color:var(--accent);letter-spacing:.09em;font-size:11px;font-weight:900}.learning-track__header h2{letter-spacing:-.045em;margin:2px 0 0;font-size:21px}.learning-track__header p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.45}.learning-track__header>b{background:#e7e3da;border-radius:10px;place-items:center;min-width:29px;height:29px;padding:0 7px;font-size:11px;display:grid}.guide-list{gap:10px;display:grid}.guide-card{border:1px solid var(--line);background:var(--card);border-radius:20px;overflow:hidden}.guide-card>button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;width:100%;padding:17px;display:grid}.guide-card>button>span{min-width:0}.guide-card>button em,.guide-card>button small,.guide-card>button strong{display:block}.guide-card>button small{color:var(--accent);letter-spacing:.09em;font-size:11px;font-style:normal;font-weight:900}.guide-card>button strong{margin-top:4px;font-size:17px;line-height:1.25}.guide-card>button em{color:var(--muted);margin-top:6px;font-size:13px;font-style:normal;line-height:1.45}.guide-card>button i{color:var(--muted);align-items:center;gap:4px;margin-top:9px;font-size:11px;font-style:normal;font-weight:800;display:inline-flex}.guide-card>button svg{color:var(--muted);transition:transform .16s}.guide-card--open>button svg{transform:rotate(180deg)}.guide-card__body{padding:0 17px 17px;animation:.18s both reveal}.guide-card__body p{overflow-wrap:anywhere;border-top:1px solid var(--line);color:var(--muted);margin:0;padding:14px 0;font-size:15px;line-height:1.65}@keyframes reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.shopping-summary{background:var(--dark);color:#fff;border-radius:19px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:15px;display:grid}.shopping-summary>svg{color:var(--acid)}.shopping-summary span,.shopping-summary strong{display:block}.shopping-summary strong{font-size:13px}.shopping-summary span{color:#ffffffa6;margin-top:3px;font-size:12px}.shopping-summary button{color:var(--acid);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800}.purchase-list{gap:9px;margin-top:13px;display:grid}.purchase-row{border:1px solid var(--line);background:var(--card);border-radius:18px;grid-template-columns:38px minmax(0,1fr) 36px 36px;align-items:center;gap:8px;min-height:66px;padding:9px 10px;display:grid}.purchase-row__icon{width:36px;height:36px;color:var(--muted);background:#ece9e1;border-radius:12px;place-items:center;display:grid}.purchase-row small,.purchase-row strong{display:block}.purchase-row strong{font-size:12px}.purchase-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.purchase-row button{cursor:pointer;border:0;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.purchase-row__done{background:var(--acid);color:var(--ink)}.purchase-row__remove{color:var(--muted);background:#eeeae3}.profile-card{background:var(--dark);color:#fff;border-radius:22px;align-items:center;gap:14px;padding:18px;display:flex}.profile-card__avatar{background:var(--acid);width:52px;height:52px;color:var(--ink);border-radius:17px;place-items:center;display:grid}.profile-card__avatar img{border-radius:inherit;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.profile-card span,.profile-card strong{display:block}.profile-card strong{font-size:18px}.profile-card span{color:#ffffffa6;margin-top:4px;font-size:12px}.profile-links{gap:9px;margin-top:14px;display:grid}.profile-links a{border:1px solid var(--line);background:var(--card);border-radius:18px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-height:68px;padding:12px 15px;text-decoration:none;display:grid}.profile-links a>svg{color:var(--accent)}.profile-links small,.profile-links strong{display:block}.profile-links strong{font-size:13px}.profile-links small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4}.profile-links b,.profile-note{color:var(--muted)}.profile-note{margin:16px 4px 0;font-size:12px;line-height:1.55}.page-enter-active,.page-leave-active{transition:opacity .12s}.page-enter-from,.page-leave-to{opacity:0}@keyframes random-spin{to{transform:rotate(1turn)}}@keyframes random-reveal{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (width>=600px){body{background:#ddd8cd;padding:20px 0}.app-shell{background:var(--paper);border-radius:32px;box-shadow:0 30px 80px #1d211f24}}@media (width<=370px){.app-shell{padding-left:14px;padding-right:14px}.hero-card__content{width:80%;padding-left:20px;padding-right:15px}.result-tabs button{gap:3px;padding-left:4px;padding-right:4px;font-size:11px}.ingredient-grid{grid-template-columns:1fr}.detail-hero{margin-left:-14px;margin-right:-14px}}@media (height<=760px){.access-gate{place-items:start center}.access-gate__logo{border-radius:25px;width:92px;height:92px;margin-bottom:14px}.access-gate h1{margin-top:12px;font-size:34px}.access-gate__channel{margin-top:14px;padding:9px 11px}.access-gate__channel img{width:48px;height:48px}.access-gate__primary,.access-gate__secondary{min-height:50px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.random-picker__icon.is-spinning{animation:none}}