@font-face{font-family:Peyda;src:url("../fonts/peyda400.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:Peyda;src:url("../fonts/peyda600.woff") format("woff");font-weight:600;font-display:swap}
@font-face{font-family:Peyda;src:url("../fonts/peyda700.woff") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:Peyda;src:url("../fonts/peyda800.woff") format("woff");font-weight:800;font-display:swap}
:root{
  --ink:#3a241d;--ink-soft:#786159;--paper:#fff8f2;--card:#fffdfa;--line:#f1ddd3;
  --matcha:#e9552e;--matcha-deep:#b83224;--matcha-pale:#fff0e8;--lime:#ffb347;
  --saffron:#f6a623;--coral:#ff7454;--plum:#8b3e56;--shadow:0 18px 48px rgba(166,55,36,.12);
  --soft-shadow:0 8px 28px rgba(166,55,36,.08);--radius:26px;--safe-bottom:env(safe-area-inset-bottom,0px);
  --matcha-logo-tone:saturate(1.02) brightness(.98) contrast(1.04)
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--paper);scroll-behavior:smooth;max-width:100%;overflow-x:hidden}
body{min-height:100%;margin:0;max-width:100%;overflow-x:hidden;overflow-y:auto;background:var(--paper);color:var(--ink);font-family:Peyda,Tahoma,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto}
body.dialog-open,body.intro-open{height:100dvh;overflow:hidden}
button,input{font:inherit}
button{color:inherit}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(233,85,46,.28);outline-offset:2px}
button{-webkit-tap-highlight-color:transparent}
svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.app-shell{min-height:100dvh;padding-bottom:calc(24px + var(--safe-bottom));overflow:visible}
.topbar{height:76px;padding:max(10px,env(safe-area-inset-top)) clamp(18px,4vw,48px) 10px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:35;background:rgba(255,248,242,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(233,196,180,.68)}
.brand{display:flex;align-items:center;gap:9px;background:none;border:0;padding:0;cursor:pointer}
.brand img{width:45px;height:45px;filter:drop-shadow(0 5px 12px rgba(185,50,36,.18))}
.brand span{display:grid;line-height:1;text-align:right}
.brand b{font-size:1.3rem;font-weight:800;letter-spacing:-.02em}
.brand small{font-size:.72rem;color:var(--ink-soft);margin-top:6px}
.topbar-actions{display:flex;align-items:center;gap:9px}
.scanner-pill{height:43px;border:1px solid #e3d8d5;background:#fff;border-radius:15px;padding:0 14px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:.82rem;cursor:pointer;box-shadow:0 4px 14px rgba(76,44,39,.05)}
.scanner-pill svg{width:19px;color:var(--matcha)}
.avatar-button{position:relative;width:43px;height:43px;border:1px solid #e3d8d5;background:#fff;border-radius:15px;display:grid;place-items:center;cursor:pointer}
.avatar-button span{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:var(--matcha-pale);color:var(--matcha-deep);font-size:.92rem;font-weight:800}
.avatar-button span svg{width:18px}
.avatar-button i{position:absolute;right:-2px;top:-2px;width:10px;height:10px;border-radius:50%;background:var(--saffron);border:2px solid var(--paper)}
.view-stack{max-width:1440px;margin:auto;overflow:visible}
.app-view{display:none;padding:16px clamp(16px,4vw,48px) 48px;animation:viewIn .35s ease}
.app-view.is-active{display:block;min-height:calc(100dvh - 76px);overflow:visible}
@keyframes viewIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.desktop-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
.main-column{min-width:0}
.desktop-aside{display:none}
.search-hero{background:linear-gradient(145deg,#fff0e8 0%,#fff8f2 72%);border:1px solid #f3d7ca;border-radius:30px;padding:24px;position:relative;overflow:visible}
.search-hero:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:-65px;top:-85px;border:38px solid rgba(233,85,46,.11)}
.search-copy{position:relative}
.eyebrow{display:flex;align-items:center;gap:7px;font-size:.75rem;color:var(--matcha-deep);font-weight:700}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(242,118,92,.12)}
.search-copy h1{font-size:clamp(2rem,6vw,3rem);line-height:1.12;margin:9px 0 4px;letter-spacing:-.045em}
.search-copy p{margin:0 0 18px;color:var(--ink-soft);font-size:.9rem}
.library-badge{display:inline-flex;align-items:center;gap:6px;height:31px;padding:0 10px;border:1px solid #e4d3cd;border-radius:11px;background:rgba(255,255,255,.63);color:#715a53;font-size:.61rem;font-weight:600}.library-badge svg{width:14px;color:var(--matcha)}.library-badge b{font-size:.75rem;color:var(--matcha-deep)}
.search-box{position:relative;background:#fff;border:1px solid #e6dedc;border-radius:21px;padding:6px;box-shadow:0 10px 26px rgba(78,41,35,.09);z-index:2}
.search-modes{display:grid;grid-template-columns:1fr 1fr;padding:3px;background:#f3f2eb;border-radius:15px;margin-bottom:5px}
.search-modes button{height:36px;border:0;background:none;border-radius:12px;color:#7a8074;font-weight:700;font-size:.82rem;cursor:pointer}
.search-modes button.is-active{background:#fff;color:var(--matcha-deep);box-shadow:0 3px 10px rgba(59,37,34,.07)}
.search-form{height:54px;display:grid;grid-template-columns:28px 1fr 34px 45px;align-items:center;gap:4px;padding:0 7px 0 3px}
.search-form>svg{width:20px;color:#92807a}
.search-form input{border:0;min-width:0;background:none;color:var(--ink);font-size:.9rem}
.search-form input::placeholder{color:#ab9e99}
.search-form input::-webkit-search-cancel-button{display:none}
.search-form button{border:0;background:none;display:grid;place-items:center;cursor:pointer}
#voice-button{color:#948783}
#voice-button svg{width:20px}
.search-submit{width:42px;height:42px;border-radius:14px!important;color:#fff!important;background:var(--matcha)!important}
.search-submit svg{width:20px;transform:scaleX(-1)}
.ingredient-picker{padding:9px 7px 8px;border-top:1px solid #eeeae8}
.ingredient-head{display:flex;justify-content:space-between;align-items:center;padding:5px 5px 9px;font-size:.78rem;font-weight:800}
.ingredient-head>span{display:grid;gap:1px}.ingredient-head small{font-size:.55rem;color:#968a86;font-weight:500}
.ingredient-head button{border:0;background:none;color:var(--coral);font-size:.68rem;cursor:pointer}.ingredient-head button:disabled{opacity:.35;cursor:default}
.ingredient-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;margin-bottom:8px}
.ingredient-toolbar label{height:42px;border:1px solid #e2dbd9;border-radius:13px;background:#fff;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:6px;padding:0 10px}.ingredient-toolbar svg{width:17px;color:#948782}.ingredient-toolbar input{min-width:0;border:0;background:none;font-size:.68rem}.ingredient-toolbar>span{min-width:54px;color:#827570;font-size:.57rem;text-align:center}
.ingredient-groups{display:flex;gap:6px;overflow-x:auto;padding:1px 1px 8px;scrollbar-width:none;scroll-snap-type:x proximity}.ingredient-groups::-webkit-scrollbar{display:none}
.ingredient-groups button{height:35px;flex:0 0 auto;border:1px solid #e5dedc;border-radius:12px;background:#fbf8f7;color:#786b67;padding:0 9px;display:flex;align-items:center;gap:4px;font-size:.61rem;font-weight:700;cursor:pointer;scroll-snap-align:start}.ingredient-groups button i{font-size:.76rem;font-style:normal}.ingredient-groups button.is-active{background:#efdfd9;border-color:#d2a99b;color:var(--matcha-deep)}
.ingredient-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:224px;overflow-y:auto;overscroll-behavior:contain;padding:2px 1px 8px;scrollbar-width:thin;scrollbar-color:#d9c3bc transparent}
.ingredient-chips button{min-width:0;min-height:42px;border:1px solid #e5dedc;background:#fff;border-radius:13px;padding:6px 8px;display:flex;align-items:center;gap:7px;text-align:right;font-size:.67rem;cursor:pointer}.ingredient-chips button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ingredient-chips button i{width:21px;height:21px;border-radius:7px;background:#f2eeec;color:#91837e;display:grid;place-items:center;flex:0 0 auto;font-size:0}.ingredient-chips button i:before{content:"+";font-size:.82rem;font-style:normal;line-height:1}
.ingredient-chips button.is-selected{background:var(--matcha-pale);border-color:#d4a494;color:var(--matcha-deep);font-weight:800}.ingredient-chips button.is-selected i{background:var(--matcha);color:#fff}.ingredient-chips button.is-selected i:before{content:"✓";font-size:.7rem}
.ingredient-empty{grid-column:1/-1;margin:13px 0;text-align:center;color:#9b908c;font-size:.65rem}
.ingredient-picker-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,1.3fr);align-items:center;gap:8px;padding-top:2px}.ingredient-picker-footer>span{font-size:.58rem;color:#8c7f7b;padding-right:4px}.ingredient-picker-footer>span b{color:var(--matcha-deep);font-size:.72rem}
.ingredient-search-button{width:100%;height:45px;border:0;border-radius:14px;background:var(--matcha-deep);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700;cursor:pointer}
.ingredient-search-button:disabled{background:#ddd5d3;color:#9f938f;cursor:default}
.ingredient-search-button svg{width:18px}
.food-hero{height:340px;border-radius:30px;overflow:hidden;position:relative;margin-top:16px;background:#d9c9b0;box-shadow:var(--soft-shadow)}
.food-hero picture,.food-hero img{width:100%;height:100%;display:block}
.food-hero img{object-fit:cover;object-position:center}
.food-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,rgba(30,20,19,.15) 52%,rgba(38,23,20,.82) 100%)}
.food-hero-overlay{position:absolute;z-index:2;right:0;top:0;bottom:0;width:min(62%,510px);padding:28px 25px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.food-hero-overlay>span{font-size:.73rem;display:flex;align-items:center;gap:7px;color:#f3e3de;font-weight:700}
.food-hero-overlay>span svg{width:17px;color:var(--saffron)}
.food-hero-overlay h2{font-size:clamp(1.55rem,4vw,2.5rem);line-height:1.23;margin:10px 0 13px;letter-spacing:-.035em;text-wrap:balance}
.food-hero-overlay>div{display:flex;align-items:center;gap:7px;font-size:.7rem;color:#f0eae8}
.food-hero-overlay>div i{width:3px;height:3px;border-radius:50%;background:#d5c8c4}
.food-hero-overlay button{align-self:flex-start;margin-top:19px;height:43px;padding:0 16px;border:0;border-radius:14px;background:#fff;color:var(--matcha-deep);font-size:.78rem;font-weight:800;display:flex;align-items:center;gap:7px;cursor:pointer}
.food-hero-overlay button svg{width:17px}
.story-deck{margin-top:17px;padding:18px 12px 13px;border:1px solid #e5e2d5;border-radius:31px;background:radial-gradient(circle at 8% 3%,rgba(244,180,58,.12),transparent 28%),linear-gradient(155deg,#fffefa,#f3ecea);box-shadow:var(--soft-shadow);overflow:hidden;position:relative;isolation:isolate}
.story-deck:before{content:"";position:absolute;inset:80px -90px auto auto;width:220px;height:220px;border:34px solid rgba(130,72,53,.045);border-radius:50%;z-index:-1}
.story-deck-head{padding:0 6px 12px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.story-deck-head>div:first-child{display:grid}
.story-deck-head span{display:flex;align-items:center;gap:6px;color:#887873;font-size:.63rem}
.story-deck-head span i{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(242,118,92,.11)}
.story-deck-head h2{margin:2px 0 0;font-size:1.16rem;letter-spacing:-.02em}
.story-deck-controls{display:flex;gap:6px;direction:ltr}
.story-deck-controls button{width:38px;height:38px;border:1px solid #e1dad8;border-radius:13px;background:rgba(255,255,255,.9);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(59,37,34,.05)}
.story-deck-controls button:active{transform:scale(.94)}
.story-deck-controls button svg{width:17px}
#story-deck-prev svg{transform:rotate(180deg)}
.story-deck-stage{height:clamp(470px,112vw,550px);max-width:600px;margin:0 auto;position:relative;perspective:1200px;touch-action:pan-y;user-select:none}
.story-card{--story-drag:0px;position:absolute;top:4px;left:50%;width:min(calc(100% - 40px),500px);height:calc(100% - 35px);border:1px solid rgba(255,255,255,.7);border-radius:31px;overflow:hidden;background:#e8e4d8;box-shadow:0 24px 52px rgba(54,32,29,.18);transform-origin:50% 110%;transition:transform .58s cubic-bezier(.2,.82,.24,1),opacity .42s ease,filter .42s ease;will-change:transform;pointer-events:none}
.story-card.is-active{z-index:3;opacity:1;filter:none;pointer-events:auto;transform:translate3d(calc(-50% + var(--story-drag)),0,0) rotate(-1.1deg) scale(1)}
.story-card.is-next{z-index:2;opacity:.96;filter:saturate(.93);transform:translate3d(calc(-50% - 15px),15px,-18px) rotate(3.7deg) scale(.974)}
.story-card.is-back{z-index:1;opacity:.86;filter:saturate(.82);transform:translate3d(calc(-50% + 12px),26px,-32px) rotate(-4.6deg) scale(.948)}
.story-deck.is-dragging .story-card.is-active{transition:none;cursor:grabbing}
.story-deck.is-shuffling .story-card{transition-duration:.68s}
.story-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.story-card-wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,251,241,.98) 0%,rgba(255,250,238,.88) 43%,rgba(255,248,234,.05) 67%),linear-gradient(0deg,rgba(34,20,18,.67),rgba(34,20,18,0) 35%);pointer-events:none}
.story-card-matcha .story-card-wash{background:linear-gradient(180deg,rgba(246,232,227,.98),rgba(245,231,226,.87) 43%,rgba(245,231,226,.04) 67%),linear-gradient(0deg,rgba(43,22,19,.7),rgba(43,22,19,0) 35%)}
.story-card-coral .story-card-wash{background:linear-gradient(180deg,rgba(255,244,235,.98),rgba(255,243,232,.87) 43%,rgba(255,243,232,.04) 67%),linear-gradient(0deg,rgba(41,31,22,.68),rgba(41,31,22,0) 35%)}
.story-card-copy{position:absolute;inset:0;padding:17px;display:flex;flex-direction:column;z-index:2}
.story-card-badges{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.story-card-badges>span{min-height:42px;padding:7px 9px;border:1px solid rgba(255,255,255,.75);border-radius:14px;background:rgba(255,255,255,.48);backdrop-filter:blur(11px);display:flex;align-items:center;justify-content:center;gap:6px;color:#5d4b45;font-size:.59rem;font-weight:700;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.story-card-badges svg{width:17px;color:var(--matcha)}
.story-card-badges b{font-size:.82rem;color:var(--ink)}
.story-card-message{margin-top:10px;padding:13px 14px 14px;border:1px solid rgba(255,255,255,.68);border-radius:19px;background:rgba(255,255,255,.39);backdrop-filter:blur(9px);box-shadow:inset 0 1px 0 rgba(255,255,255,.68)}
.story-card-message small{color:#7a6a65;font-size:.62rem;font-weight:700}
.story-card-message h3{font-size:clamp(1.75rem,7.6vw,2.35rem);line-height:1.08;letter-spacing:-.045em;margin:2px 0 7px;text-wrap:balance}
.story-card-message p{max-width:330px;margin:0;color:#726560;font-size:.66rem;line-height:1.65}
.story-card-bottom{margin-top:auto;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;direction:ltr}
.story-card-bottom>button{min-height:46px;padding:0 14px;border:0;border-radius:15px;background:var(--coral);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.71rem;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(177,73,51,.25);direction:rtl}
.story-card-matcha .story-card-bottom>button{background:var(--matcha-deep);box-shadow:0 10px 24px rgba(85,41,34,.28)}
.story-card-coral .story-card-bottom>button{background:#bd5e4a}
.story-card-bottom>button svg{width:17px}
.story-card-bottom>span{min-width:0;color:#fff;display:grid;text-align:right;direction:rtl;text-shadow:0 2px 10px rgba(27,17,16,.35)}
.story-card-bottom small{font-size:.55rem;color:rgba(255,255,255,.78)}
.story-card-bottom b{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.story-deck-footer{min-height:33px;padding:0 7px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.story-deck-dots{display:flex;align-items:center;gap:5px;direction:ltr}
.story-deck-dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#d3c8c4;cursor:pointer;transition:.25s}
.story-deck-dots button.is-active{width:24px;background:var(--matcha)}
.story-deck-footer>span{display:flex;align-items:center;gap:2px;color:#928581;font-size:.57rem}
.story-deck-footer>span svg{width:14px;animation:deckHint 1.8s ease-in-out infinite}
.story-deck-footer>b{justify-self:end;direction:ltr;color:#897c77;font-size:.61rem}
@keyframes deckHint{0%,100%{transform:translateX(2px)}50%{transform:translateX(-3px)}}
.ai-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.ai-action{min-height:105px;border:1px solid transparent;border-radius:23px;padding:14px;display:grid;grid-template-columns:44px 1fr 18px;align-items:center;gap:10px;text-align:right;cursor:pointer}
.ai-fridge{background:#f1e2dd;border-color:#e6d2cb}
.ai-food{background:#fff0e8;border-color:#f7e3d7}
.action-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.78)}
.ai-fridge .action-icon{color:var(--matcha-deep)}
.ai-food .action-icon{color:#be5e49}
.action-icon svg{width:23px}
.ai-action>span:nth-child(2){display:flex;flex-direction:column;min-width:0}
.ai-action small{font-size:.62rem;color:#82736e}
.ai-action b{font-size:.88rem;line-height:1.35;margin:2px 0}
.ai-action em{font-style:normal;font-size:.65rem;color:#897c77;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.action-arrow{width:17px;color:#968782}
.content-section{margin-top:28px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:0 2px 12px}
.section-heading>div{display:grid}
.section-heading span{font-size:.68rem;color:#92837e}
.section-heading h2{font-size:1.25rem;margin:2px 0 0;letter-spacing:-.02em}
.section-heading>button{border:0;background:none;color:var(--matcha);font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:2px;cursor:pointer}
.section-heading>button svg{width:15px}
.category-track,.recipe-track,.course-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 8px}
.category-track::-webkit-scrollbar,.recipe-track::-webkit-scrollbar,.course-track::-webkit-scrollbar{display:none}
.category-card{scroll-snap-align:start;flex:0 0 104px;min-height:118px;border:1px solid #e6e5dd;border-radius:22px;background:#fff;padding:12px 8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 5px 16px rgba(69,38,33,.04)}
.category-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:var(--cat-bg,#f2e7e4);color:var(--cat-color,var(--matcha-deep));position:relative}
.category-icon:after{content:"";position:absolute;inset:-3px;border:1px dashed currentColor;border-radius:20px;opacity:.18}
.category-icon svg{width:25px}
.category-card b{font-size:.76rem;text-align:center;line-height:1.35}
.recipe-card{scroll-snap-align:start;flex:0 0 224px;border:1px solid rgba(98,59,48,.1);background:var(--card);border-radius:25px;overflow:hidden;box-shadow:0 11px 30px rgba(67,37,30,.095);cursor:pointer;position:relative;transform:translateZ(0);transition:transform .24s ease,box-shadow .24s ease}
.recipe-card-open{position:absolute;z-index:2;inset:0;width:100%;margin:0;padding:0;border:0;border-radius:24px;background:transparent;color:inherit;cursor:pointer}
.recipe-card-open:focus-visible{outline:3px solid rgba(233,85,46,.48);outline-offset:-4px}
.recipe-card:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(67,37,30,.14)}
.recipe-card-media{height:154px;position:relative;overflow:hidden;background:linear-gradient(145deg,#e8d6ce,#b85a43);isolation:isolate}
.recipe-card-media:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(28,14,10,.02) 42%,rgba(25,12,9,.58) 100%);pointer-events:none}
.recipe-card-media:after{content:"";position:absolute;z-index:2;inset:0;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.22);pointer-events:none}
.recipe-card-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--art-position,50% 50%);transform:scale(var(--art-scale,1.04));transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease;filter:saturate(1.05) contrast(1.025)}
.recipe-card:hover .recipe-card-photo{transform:scale(calc(var(--art-scale,1.04) + .045));filter:saturate(1.1) contrast(1.035)}
.recipe-card-food-cue{position:absolute;right:9px;bottom:9px;z-index:3;min-height:24px;padding:5px 8px;border:1px solid rgba(255,255,255,.3);border-radius:9px;background:rgba(42,20,14,.52);backdrop-filter:blur(9px);color:#fff;font-size:.53rem;font-weight:800;line-height:1;box-shadow:0 5px 14px rgba(28,12,8,.16)}
.save-button{position:absolute;top:10px;left:10px;z-index:3;width:38px;height:38px;border:1px solid rgba(255,255,255,.45);border-radius:13px;background:rgba(255,255,255,.9);box-shadow:0 6px 18px rgba(37,18,13,.17);backdrop-filter:blur(12px);display:grid;place-items:center;cursor:pointer}
.save-button svg{width:18px}
.save-button.is-saved{background:var(--matcha);color:#fff}
.recipe-card-copy{padding:13px 14px 15px;background:linear-gradient(180deg,#fff 0%,#fffdfa 100%)}
.recipe-card-copy>span{font-size:.65rem;color:var(--matcha);font-weight:700}
.recipe-card-copy h3{font-size:.95rem;margin:3px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recipe-card-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#857874;font-size:.66rem}
.recipe-card-meta span{display:flex;align-items:center;gap:3px;min-width:0;white-space:nowrap}
.recipe-card-meta svg{width:14px}
.recipe-card-cost{color:var(--matcha-deep);font-weight:800}.recipe-card-cost svg{color:var(--saffron)}.recipe-card-cost.is-economical{color:#5d7d35}.recipe-card-cost.is-premium{color:#b95d49}
.matcha-banner{min-height:258px;border-radius:30px;margin-top:27px;padding:25px;display:grid;grid-template-columns:120px 1fr;align-items:center;gap:18px;background:linear-gradient(140deg,#6c4133,#945844);color:#fff;overflow:hidden;position:relative;box-shadow:var(--shadow)}
.matcha-banner:before{content:"";position:absolute;inset:auto -80px -150px auto;width:300px;height:300px;border-radius:50%;border:60px solid rgba(255,255,255,.045)}
.matcha-art{height:150px;position:relative;display:grid;place-items:center}
.matcha-logo-orbit{width:105px;height:105px;border-radius:31px;background:linear-gradient(145deg,rgba(255,254,248,.99),rgba(238,216,209,.97));border:1px solid rgba(232,193,111,.38);box-shadow:0 20px 40px rgba(47,22,18,.28),0 0 0 5px rgba(221,157,136,.08),inset 0 1px 0 #fff;position:relative;z-index:2;isolation:isolate;display:grid;place-items:center;transform:rotate(-1deg)}
.matcha-logo-orbit:before{content:"";position:absolute;z-index:0;inset:8px;border-radius:24px;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.9),rgba(219,146,122,.13) 46%,transparent 70%)}
.matcha-logo-orbit:after{content:"";position:absolute;z-index:0;inset:-1px;border-radius:inherit;border:1px solid rgba(255,255,255,.55);box-shadow:inset -10px -12px 24px rgba(167,94,70,.08)}
.matcha-logo-orbit img{position:relative;z-index:1;width:86%;height:86%;object-fit:contain;filter:var(--matcha-logo-tone) drop-shadow(0 10px 14px rgba(96,50,35,.24));transform-origin:50% 72%;animation:matchaLogoLift 4.8s ease-in-out infinite}
@keyframes matchaLogoLift{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.015)}}
.matcha-ring{position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:50%}
.ring-one{width:128px;height:128px}.ring-two{width:150px;height:150px}
.matcha-copy{position:relative;z-index:2}
.matcha-brand-lockup{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:3px 8px 3px 10px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(56,26,22,.16);color:#f1e3de}
.matcha-brand-lockup img{width:24px;height:24px;object-fit:contain;filter:var(--matcha-logo-tone) drop-shadow(0 3px 5px rgba(0,0,0,.18))}
.matcha-brand-lockup span{font-size:.69rem;letter-spacing:.04em}
.matcha-copy h2{font-size:1.45rem;line-height:1.24;margin:6px 0 8px}
.matcha-copy p{font-size:.75rem;color:#eee3e0;margin:0;max-width:280px}
.matcha-copy button{height:40px;margin-top:14px;border:0;border-radius:13px;padding:0 13px;background:#fff;color:var(--matcha-deep);font-size:.7rem;font-weight:800;display:flex;align-items:center;gap:4px;cursor:pointer}
.matcha-copy button svg{width:15px}
.course-card{scroll-snap-align:start;flex:0 0 238px;border:1px solid #e6e5dc;border-radius:25px;background:#fff;overflow:hidden;box-shadow:0 8px 26px rgba(62,43,40,.06)}
.course-cover{height:152px;position:relative;overflow:hidden;display:grid;place-items:center}
.course-saffron .course-cover{background:linear-gradient(145deg,#f6d277,#e8a92d)}
.course-coral .course-cover{background:linear-gradient(145deg,#f3a08b,#d86454)}
.course-plum .course-cover{background:linear-gradient(145deg,#987099,#624366)}
.course-cover>span{position:absolute;right:15px;top:10px;font-size:2.5rem;font-weight:800;color:rgba(255,255,255,.28)}
.course-cover>button{position:absolute;left:14px;bottom:12px;width:39px;height:39px;border:0;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer}
.course-cover>button svg{width:19px;fill:currentColor;stroke-width:1.2}
.course-plate{width:93px;height:93px;border:9px solid rgba(255,255,255,.82);border-radius:50%;box-shadow:0 12px 30px rgba(66,54,33,.15)}
.course-plate:after{content:"";position:absolute;width:39px;height:39px;border:2px dashed rgba(255,255,255,.75);border-radius:50%;transform:translate(18px,18px)}
.course-knife{width:16px;height:106px;border-radius:8px 8px 3px 3px;background:#fff;transform:rotate(35deg);box-shadow:15px 4px 0 rgba(255,255,255,.45)}
.course-cake{width:92px;height:56px;background:#fff;border-radius:9px 9px 16px 16px;box-shadow:0 -13px 0 -5px rgba(255,255,255,.72)}
.course-cake:after{content:"";position:absolute;width:5px;height:27px;border-radius:5px;background:#ffe073;transform:translate(44px,-28px)}
.course-card>div:last-child{padding:13px 14px 16px}
.course-card>div:last-child span{font-size:.63rem;color:var(--matcha)}
.course-card h3{font-size:.9rem;line-height:1.4;margin:3px 0 7px}
.course-card p{margin:0;color:#92847f;font-size:.65rem}
.small-promo{margin-top:24px;border:1px solid #eadfc7;border-radius:25px;background:#fff9ea;padding:16px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px}
.promo-icon{width:48px;height:48px;border-radius:16px;background:#f6dfad;color:#8a6225;display:grid;place-items:center}
.small-promo small{font-size:.59rem;color:#9a7a45}.small-promo h3{font-size:.85rem;margin:1px 0}.small-promo p{margin:0;font-size:.63rem;color:#898276}
.small-promo button{height:37px;border:0;border-radius:12px;padding:0 11px;background:#8a6225;color:#fff;font-size:.65rem;font-weight:700;cursor:pointer}
.page-head{padding:13px 2px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.page-head>button{width:42px;height:42px;border:1px solid #e3dcda;background:#fff;border-radius:14px;display:grid;place-items:center;cursor:pointer}
.page-head small{font-size:.7rem;color:var(--matcha);font-weight:700}.page-head h1{font-size:1.65rem;margin:1px 0}.page-head p{font-size:.75rem;color:var(--ink-soft);margin:2px 0}
.offline-badge{font-size:.68rem;padding:8px 11px;border-radius:999px;background:#f0e2dd;color:var(--matcha-deep);display:flex;align-items:center;gap:6px}
.offline-badge i{width:7px;height:7px;border-radius:50%;background:#a55237}
.filter-strip{display:flex;gap:7px;overflow:auto;margin:0 0 15px;scrollbar-width:none}
.filter-strip button{white-space:nowrap;border:1px solid #e3dcda;background:#fff;border-radius:13px;padding:8px 13px;font-size:.73rem;cursor:pointer}
.filter-strip button.is-active{background:var(--matcha-deep);color:#fff;border-color:var(--matcha-deep)}
.result-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-3px 1px 13px}.result-summary span{font-size:.76rem;font-weight:800;color:var(--ink)}.result-summary small{font-size:.61rem;color:#9a918e}
.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.result-grid .recipe-card{width:auto;flex:none}
.result-grid .recipe-card-media{height:154px}
.result-grid .recipe-card-copy h3{min-height:2.75em;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.42;overflow:hidden}
.load-more-results{min-width:230px;min-height:52px;margin:22px auto 0;padding:8px 17px;border:1px solid #e2dad8;border-radius:17px;background:#fff;display:grid;grid-template-columns:1fr 18px;grid-template-rows:auto auto;align-items:center;text-align:right;column-gap:10px;color:var(--matcha-deep);box-shadow:var(--soft-shadow);cursor:pointer}.load-more-results[hidden]{display:none}.load-more-results span{font-size:.74rem;font-weight:800}.load-more-results small{font-size:.58rem;color:#968a86}.load-more-results svg{grid-column:2;grid-row:1/3;width:17px;transform:rotate(-90deg)}
.empty-state{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}
.empty-state>span{width:73px;height:73px;border-radius:25px;background:#efe4e0;color:var(--matcha);display:grid;place-items:center}
.empty-state>span svg{width:31px}.empty-state h2{font-size:1.15rem;margin:15px 0 4px}.empty-state p{max-width:340px;color:var(--ink-soft);font-size:.78rem;margin:0}.empty-state button{margin-top:17px;border:0;border-radius:14px;background:var(--matcha);color:#fff;padding:11px 18px;font-weight:700;cursor:pointer}
.profile-hero{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:13px;background:linear-gradient(145deg,#603b2f,#995b47);color:#fff;border-radius:28px;padding:22px;margin-top:4px;box-shadow:var(--shadow)}
.profile-avatar{width:64px;height:64px;border-radius:22px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;font-size:1.4rem;font-weight:800}.profile-avatar svg{width:29px}
.profile-hero span{font-size:.66rem;color:#e6d3cd}.profile-hero h1{font-size:1.25rem;margin:1px 0}.profile-hero p{font-size:.68rem;color:#e9dfdc;margin:0}
.profile-hero>button{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;border-radius:13px;padding:8px 11px;font-size:.68rem;cursor:pointer}
.profile-layout{display:grid;gap:12px;margin-top:12px}.profile-aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.subscription-card{border:1px solid #e4dcd9;background:#fff;border-radius:26px;padding:17px;box-shadow:var(--soft-shadow)}
.subscription-top{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px}
.subscription-top>span{width:45px;height:45px;border-radius:15px;background:#f6e8bd;color:#9b6d17;display:grid;place-items:center}.subscription-top svg{width:22px}
.subscription-top small{font-size:.62rem;color:#92837e}.subscription-top h2{font-size:1rem;margin:1px 0}.subscription-top>i{font-size:.63rem;font-style:normal;background:#f1edeb;color:#7f736f;border-radius:10px;padding:5px 8px}
.subscription-card>p{font-size:.72rem;color:var(--ink-soft);margin:13px 0}.subscription-card>button{width:100%;height:43px;border:0;border-radius:14px;background:var(--matcha);color:#fff;font-size:.75rem;font-weight:700;cursor:pointer}
.profile-list{border:1px solid #e5dedc;background:#fff;border-radius:25px;overflow:hidden;margin-top:12px}
.profile-list>button{width:100%;min-height:72px;border:0;border-bottom:1px solid #eeeae8;background:#fff;padding:12px 14px;display:grid;grid-template-columns:41px 1fr 18px;align-items:center;gap:10px;text-align:right;cursor:pointer}
.profile-list>button:last-child{border-bottom:0}
.profile-list>button>span{width:41px;height:41px;border-radius:14px;background:#f1e8e5;color:var(--matcha);display:grid;place-items:center}.profile-list>button>span svg{width:20px}.profile-list>button>svg{width:16px;color:#a39b98}
.profile-list>button>.matcha-profile-mark{background:linear-gradient(145deg,#f8f5e9,#efe2dd);border:1px solid #e8dbd6;overflow:hidden}.matcha-profile-mark img{width:35px;height:35px;object-fit:contain;filter:var(--matcha-logo-tone) drop-shadow(0 3px 5px rgba(76,42,37,.14))}
.profile-list div{display:flex;flex-direction:column}.profile-list b{font-size:.8rem}.profile-list small{font-size:.65rem;color:#928682}.profile-list em{font-style:normal}
.logout-button{width:100%;margin-top:12px;height:44px;border:1px solid #eedad4;border-radius:14px;background:#fff7f4;color:#b45845;font-weight:700;cursor:pointer}
.profile-stat{border:1px solid #e6dfdd;background:#fff;border-radius:20px;padding:14px;display:flex;flex-direction:column}.profile-stat b{font-size:1.25rem}.profile-stat span{font-size:.66rem;color:#91847f}
dialog{border:0;padding:0;background:transparent;max-width:none;max-height:none;outline:0}
dialog:focus{outline:0}
dialog::backdrop{background:rgba(34,23,22,.58);backdrop-filter:blur(5px)}
.recipe-dialog{width:100%;height:100%;margin:0}
.recipe-sheet{width:100%;min-height:100%;background:var(--paper);position:relative;overflow:auto;padding-bottom:40px}
.dialog-close{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;z-index:8;width:42px;height:42px;border:1px solid rgba(230,223,221,.85);background:rgba(255,255,255,.9);border-radius:14px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px)}
.dialog-close svg{width:20px}
.detail-hero{height:340px;position:relative;display:flex;align-items:flex-end;padding:24px;background:linear-gradient(145deg,#eee1dd,#bd7259);overflow:hidden;isolation:isolate}
.detail-food-photo{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--art-position,50% 50%);transform:scale(var(--art-scale,1.035));filter:saturate(1.06) contrast(1.025)}
.detail-hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(22,10,7,.08) 10%,rgba(22,10,7,.02) 45%,rgba(22,10,7,.64) 100%);pointer-events:none}
.detail-hero:after{content:"";position:absolute;z-index:1;inset:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -90px 95px rgba(30,13,9,.22);pointer-events:none}
.detail-food-icon{display:none}
.detail-save{position:absolute;right:18px;top:max(18px,env(safe-area-inset-top));width:43px;height:43px;border:0;border-radius:14px;background:rgba(255,255,255,.9);display:grid;place-items:center;z-index:3;cursor:pointer}.detail-save.is-saved{background:var(--matcha);color:#fff}
.detail-title{position:relative;z-index:2;background:rgba(255,253,249,.92);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.52);border-radius:20px;padding:14px 16px;width:min(100%,450px);box-shadow:0 13px 38px rgba(35,16,11,.24)}
.detail-title>span{font-size:.66rem;color:var(--matcha);font-weight:700}.detail-title h1{font-size:1.35rem;margin:2px 0 3px}.detail-title p{font-size:.7rem;color:var(--ink-soft);margin:0}
.detail-body{padding:0 16px;max-width:850px;margin:auto}
.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:-1px 0 22px;padding-top:12px}
.detail-metric{border:1px solid #e4dedc;background:#fff;border-radius:16px;padding:10px 6px;text-align:center;display:flex;flex-direction:column;align-items:center}.detail-metric svg{width:18px;color:var(--matcha)}.detail-metric b{font-size:.73rem;margin-top:3px}.detail-metric span{font-size:.56rem;color:#92988d}
.recipe-cost-panel{margin:-10px 0 20px;padding:14px;border:1px solid #f0d8cd;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#fff4ec 100%);box-shadow:0 8px 24px rgba(166,55,36,.07)}
.recipe-cost-summary{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.recipe-cost-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:var(--matcha-deep);background:var(--matcha-pale);flex:0 0 auto}.recipe-cost-icon svg{width:21px}.recipe-cost-copy{min-width:0}.recipe-cost-copy>small{display:block;font-size:.59rem;color:#8d7d77}.recipe-cost-copy h2{margin:1px 0;font-size:1rem;line-height:1.4}.recipe-cost-copy p{margin:0;font-size:.62rem;color:var(--ink-soft)}
.recipe-cost-tier{padding:5px 8px;border-radius:10px;white-space:nowrap;font-size:.57rem;font-weight:800}.recipe-cost-tier.is-economical{background:#e9f1da;color:#5d7d35}.recipe-cost-tier.is-balanced{background:#fff0d2;color:#94641e}.recipe-cost-tier.is-premium{background:#fce7e0;color:#b95d49}
.recipe-cost-panel details{margin-top:11px;padding-top:9px;border-top:1px dashed #ead7cf}.recipe-cost-panel summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:6px;cursor:pointer;font-size:.64rem;font-weight:800}.recipe-cost-panel summary::-webkit-details-marker{display:none}.recipe-cost-panel summary em{font-size:.53rem;font-style:normal;font-weight:600;color:#91847f}.recipe-cost-panel summary svg{width:16px;color:#a06f60;transform:rotate(90deg);transition:transform .2s}.recipe-cost-panel details[open] summary svg{transform:rotate(-90deg)}
.recipe-cost-breakdown{display:grid;gap:2px;margin-top:9px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.72)}.recipe-cost-row{min-height:38px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px dashed #eee0da;font-size:.65rem}.recipe-cost-row:last-child{border-bottom:0}.recipe-cost-row>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recipe-cost-row>span small{display:block;overflow:hidden;text-overflow:ellipsis;color:#9a8b85;font-size:.5rem}.recipe-cost-row a{color:var(--matcha-deep);text-decoration:none;text-align:left;white-space:nowrap;font-weight:800}.recipe-cost-row a small{display:block;color:#9a8b85;font-size:.48rem;font-weight:600}.recipe-cost-source,.recipe-cost-note{margin:7px 0 0;font-size:.56rem;line-height:1.65;color:#91847f}.recipe-cost-note{margin-top:2px}.recipe-cost-panel.is-unavailable{display:flex;align-items:center;gap:10px}.recipe-cost-panel.is-unavailable small,.recipe-cost-panel.is-unavailable b{display:block}.recipe-cost-panel.is-unavailable small{font-size:.59rem;color:#8d7d77}.recipe-cost-panel.is-unavailable b{font-size:.75rem}
.detail-section{margin-top:22px}.detail-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.detail-section-head h2{font-size:1.05rem;margin:0}.detail-section-head span{font-size:.65rem;color:#91847f}
.ingredient-list{border:1px solid #e5dedc;background:#fff;border-radius:22px;padding:4px 14px}
.ingredient-row{min-height:48px;border-bottom:1px dashed #e8e2e0;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.74rem}.ingredient-row:last-child{border-bottom:0}.ingredient-row b{font-size:.72rem;color:var(--matcha-deep)}
.step-list{display:grid;gap:10px}
.step-card{border:1px solid #e4dddb;background:#fff;border-radius:21px;padding:15px;display:grid;grid-template-columns:35px 1fr;gap:11px;position:relative}.step-card>span{width:35px;height:35px;border-radius:12px;background:var(--matcha-pale);color:var(--matcha-deep);display:grid;place-items:center;font-weight:800}.step-card h3{font-size:.84rem;margin:0 0 4px}.step-card p{font-size:.73rem;color:#726561;margin:0;line-height:1.7}.step-card small{font-size:.58rem;color:#969c91;display:block;margin-top:6px}
.wisdom-grid{display:grid;gap:9px;margin-top:22px}
.wisdom-card{border-radius:21px;padding:16px;display:grid;grid-template-columns:39px 1fr;gap:10px}.wisdom-card>span{width:39px;height:39px;border-radius:13px;background:rgba(255,255,255,.68);display:grid;place-items:center}.wisdom-card svg{width:20px}.wisdom-card h3{font-size:.82rem;margin:0 0 4px}.wisdom-card p{font-size:.7rem;line-height:1.75;margin:0;color:#71635e}
.wisdom-tip{background:#fff0dc}.wisdom-diet{background:#f2e4e0}.wisdom-crowd{background:#eee8f1}
.recipe-chat{margin-top:22px;border-radius:24px;background:#4d2d28;color:#fff;padding:17px}.recipe-chat>div:first-child{display:flex;align-items:center;gap:10px}.recipe-chat>div:first-child span{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.12);display:grid;place-items:center}.recipe-chat h3{font-size:.86rem;margin:0}.recipe-chat p{font-size:.65rem;color:#e3d8d4;margin:2px 0 0}
.chat-messages{display:grid;gap:8px;margin-top:12px}.chat-bubble{font-size:.72rem;line-height:1.7;border-radius:15px;padding:10px 12px;max-width:90%}.chat-bubble.user{justify-self:start;background:#fff;color:var(--ink)}.chat-bubble.ai{justify-self:end;background:rgba(255,255,255,.12)}
.recipe-chat form{margin-top:12px;display:grid;grid-template-columns:1fr 42px;gap:7px}.recipe-chat input{height:43px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);color:#fff;border-radius:13px;padding:0 12px;font-size:.72rem}.recipe-chat input::placeholder{color:#d1c1bc}.recipe-chat button{border:0;border-radius:13px;background:#fff;color:var(--matcha-deep);display:grid;place-items:center;cursor:pointer}.recipe-chat button svg{width:18px;transform:scaleX(-1)}
.scanner-dialog{width:100%;height:100%;margin:0;background:#120d0c;color:#fff}
.scanner-shell{width:100%;height:100%;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,#443735,#0f0b0a 70%)}
.scanner-shell video,.scanner-fallback,.scanner-shade{position:absolute;inset:0;width:100%;height:100%}.scanner-shell video{z-index:1;object-fit:cover}.scanner-fallback{z-index:0;background:linear-gradient(145deg,#463431,#1c1413)}.scanner-shade{z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 45%,transparent 0 27%,rgba(0,0,0,.18) 47%,rgba(0,0,0,.64) 100%)}
.scanner-head{position:absolute;z-index:4;top:0;left:0;right:0;padding:max(18px,env(safe-area-inset-top)) 18px 10px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center}
.scanner-head button{width:42px;height:42px;border:1px solid rgba(255,255,255,.2);background:rgba(13,9,8,.34);color:#fff;border-radius:14px;display:grid;place-items:center;backdrop-filter:blur(8px);cursor:pointer}.scanner-head div{display:flex;flex-direction:column}.scanner-head span{font-size:.8rem;font-weight:700}.scanner-head small{font-size:.58rem;color:#d4c9c5}
.scanner-mode-switch{position:absolute;z-index:4;top:calc(max(18px,env(safe-area-inset-top)) + 64px);left:50%;transform:translateX(-50%);display:flex;padding:4px;border-radius:16px;background:rgba(14,10,9,.48);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14)}
.scanner-mode-switch button{width:103px;height:39px;border:0;border-radius:12px;background:none;color:#ded7d5;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.72rem;cursor:pointer}.scanner-mode-switch button svg{width:18px}.scanner-mode-switch button.is-active{background:#fff;color:var(--ink);font-weight:700}
.scan-reticle{position:absolute;z-index:3;left:50%;top:45%;transform:translate(-50%,-50%);width:min(78vw,420px);aspect-ratio:1.18;border-radius:30px}
.scan-reticle i{position:absolute;width:45px;height:45px;border-color:#fff;border-style:solid}.scan-reticle i:nth-child(1){right:0;top:0;border-width:3px 3px 0 0;border-radius:0 23px 0 0}.scan-reticle i:nth-child(2){left:0;top:0;border-width:3px 0 0 3px;border-radius:23px 0 0 0}.scan-reticle i:nth-child(3){right:0;bottom:0;border-width:0 3px 3px 0;border-radius:0 0 23px 0}.scan-reticle i:nth-child(4){left:0;bottom:0;border-width:0 0 3px 3px;border-radius:0 0 0 23px}
.scan-reticle span{position:absolute;left:8px;right:8px;top:50%;height:2px;background:linear-gradient(90deg,transparent,#d78469,transparent);box-shadow:0 0 14px #e99478;animation:scanBeam 2.4s ease-in-out infinite}
@keyframes scanBeam{0%,100%{transform:translateY(-90px);opacity:.2}50%{transform:translateY(90px);opacity:1}}
.scanner-guide{position:absolute;z-index:4;left:15px;right:15px;bottom:145px;text-align:center;display:flex;flex-direction:column;text-shadow:0 2px 12px #000}.scanner-guide b{font-size:.88rem}.scanner-guide span{font-size:.64rem;color:#dad3d1}
.scanner-camera-recovery{position:absolute;z-index:6;top:50%;left:50%;width:min(340px,calc(100% - 36px));transform:translate(-50%,-50%);padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(24,15,14,.9);box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(18px);text-align:center;display:grid;justify-items:center;gap:7px}.scanner-camera-recovery[hidden]{display:none}.scanner-camera-recovery>span{width:48px;height:48px;border-radius:16px;background:rgba(233,148,120,.16);color:#f1a68d;display:grid;place-items:center}.scanner-camera-recovery>span svg{width:24px}.scanner-camera-recovery>b{font-size:.9rem}.scanner-camera-recovery>p{max-width:270px;margin:0;color:#d9d1ce;font-size:.66rem;line-height:1.75}.scanner-camera-recovery>div{width:100%;margin-top:7px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.scanner-camera-recovery button{min-height:44px;padding:7px 9px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.1);color:#fff;font:inherit;font-size:.65rem;font-weight:800;cursor:pointer}.scanner-camera-recovery button:first-child{border-color:#f1a68d;background:#f1a68d;color:#311f1c}
.scanner-controls{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:15px 26px calc(22px + var(--safe-bottom));display:grid;grid-template-columns:1fr 86px 1fr;align-items:end}
.scanner-controls>button:not(.capture-button){border:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.6rem;cursor:pointer}.scanner-controls>button:not(.capture-button) svg{width:23px}
.capture-button{width:78px;height:78px;border:0;border-radius:50%;background:rgba(255,255,255,.22);padding:6px;justify-self:center;cursor:pointer}.capture-button>span{width:100%;height:100%;border-radius:50%;border:3px solid #fff;display:grid;place-items:center}.capture-button i{width:54px;height:54px;border-radius:50%;background:#fff;transition:.2s}.capture-button:active i{transform:scale(.85)}
.scanner-help-overlay{position:absolute;z-index:12;inset:0;display:grid;align-items:end;padding:0;background:rgba(10,6,6,.42);backdrop-filter:blur(5px)}
.scanner-help-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer}
.scanner-help-sheet{position:relative;z-index:1;width:100%;max-height:min(82dvh,690px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:13px 18px calc(22px + var(--safe-bottom));border-radius:30px 30px 0 0;background:var(--paper);color:var(--ink);box-shadow:0 -24px 70px rgba(0,0,0,.35);animation:scannerHelpIn .28s ease}
@keyframes scannerHelpIn{from{transform:translateY(35px);opacity:.45}to{transform:none;opacity:1}}
.scanner-help-handle{display:block;width:44px;height:4px;margin:0 auto 14px;border-radius:99px;background:#d8d1cf}
.scanner-help-sheet header{display:grid;grid-template-columns:44px minmax(0,1fr) 40px;align-items:center;gap:10px}
.scanner-help-sheet header>span{width:44px;height:44px;border-radius:15px;background:var(--matcha-pale);color:var(--matcha-deep);display:grid;place-items:center}.scanner-help-sheet header>span svg{width:21px}
.scanner-help-sheet header small{display:block;color:var(--matcha);font-size:.58rem;font-weight:800}.scanner-help-sheet h2{font-size:1.05rem;margin:1px 0 0}
.scanner-help-sheet header>button{width:38px;height:38px;border:1px solid #e2dbd9;border-radius:13px;background:#fff;display:grid;place-items:center;cursor:pointer}.scanner-help-sheet header>button svg{width:18px}
.scanner-help-content ol{list-style:none;padding:0;margin:16px 0 10px;display:grid;gap:8px}
.scanner-help-content li{min-height:70px;padding:10px;border:1px solid #e4dddb;border-radius:18px;background:#fff;display:grid;grid-template-columns:34px 1fr;align-items:start;gap:9px}
.scanner-help-content li>span{width:34px;height:34px;border-radius:11px;background:#f2e7e4;color:var(--matcha-deep);display:grid;place-items:center;font-size:.72rem;font-weight:800}.scanner-help-content b{display:block;font-size:.75rem}.scanner-help-content p{margin:2px 0 0;color:#7e716d;font-size:.64rem;line-height:1.65}
.scanner-help-tip{min-height:46px!important;margin:9px 0!important;padding:9px 11px;border-radius:15px;background:#fff0dc;color:#785d2c!important;display:flex;align-items:center;gap:7px}.scanner-help-tip svg{width:18px;flex:0 0 auto;color:#c48925}
.scanner-help-done{width:100%;height:48px;margin-top:5px;border:0;border-radius:15px;background:var(--matcha-deep);color:#fff;font-size:.72rem;font-weight:800;cursor:pointer}
.scan-processing{position:absolute;z-index:7;inset:0;background:rgba(27,16,15,.94);backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.processing-mark{width:92px;height:92px;border-radius:30px;background:#f6e9e5;color:var(--matcha);display:grid;place-items:center;position:relative}.processing-mark svg{width:41px}.processing-mark i{position:absolute;inset:-12px;border:1px solid rgba(224,145,119,.4);border-radius:36px;animation:pulseRing 1.6s infinite}.processing-mark i:last-child{inset:-24px;animation-delay:.5s}@keyframes pulseRing{50%{transform:scale(1.08);opacity:.2}}.scan-processing h2{font-size:1.1rem;margin:22px 0 4px}.scan-processing p{font-size:.7rem;color:#d4c7c3;margin:0}
.scan-result{position:absolute;z-index:8;left:0;right:0;bottom:0;max-height:84%;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--paper);color:var(--ink);border-radius:30px 30px 0 0;padding:22px 18px calc(24px + var(--safe-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.28)}
.scan-result-handle{width:46px;height:4px;border-radius:999px;background:#dbd5d3;margin:-10px auto 14px}.scan-result h2{font-size:1.15rem;margin:0}.scan-result>p{font-size:.7rem;color:var(--ink-soft);margin:4px 0 14px}.scan-nutrition{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.scan-nutrition div{border-radius:14px;background:#fff;padding:9px 5px;text-align:center}.scan-nutrition b{display:block;font-size:.75rem}.scan-nutrition span{font-size:.56rem;color:#918682}.scan-items{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.scan-items span{font-size:.65rem;padding:7px 9px;border-radius:11px;background:#efe2de}.scan-suggestion{border:1px solid #e4dddb;background:#fff;border-radius:16px;padding:11px 12px;margin-top:7px;display:flex;justify-content:space-between}.scan-suggestion b{font-size:.73rem}.scan-suggestion small{font-size:.59rem;color:#928682}.scan-result button{width:100%;height:44px;border:0;border-radius:14px;background:var(--matcha);color:#fff;margin-top:14px;font-weight:700;cursor:pointer}
.auth-dialog,.plans-dialog{width:min(100% - 24px,480px);margin:auto;border-radius:29px;overflow:hidden;contain:paint;background:var(--paper);box-shadow:none}
.auth-dialog{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.auth-sheet,.plans-sheet{position:relative;background:var(--paper);border-radius:inherit;padding:27px 21px 22px;box-shadow:none}
.auth-sheet{direction:rtl}
.auth-sheet>img{width:62px;height:62px;display:block;margin:0 auto 10px}.auth-sheet>span{display:block;text-align:center;color:var(--matcha);font-size:.68rem;font-weight:700}.auth-sheet h2{text-align:center;font-size:1.28rem;margin:4px 0}.auth-sheet>p{text-align:center;font-size:.72rem;color:var(--ink-soft);margin:0 0 17px}
.auth-sheet label{display:grid;gap:5px;margin:9px 0}.auth-sheet label span{font-size:.66rem;color:#7d706c}.auth-sheet input{width:100%;height:49px;border:1px solid #dfd8d6;background:#fff;border-radius:15px;padding:0 13px;text-align:center;direction:ltr;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background .2s}.auth-sheet input:focus{border-color:var(--matcha);box-shadow:0 0 0 3px rgba(232,74,49,.11);outline:0}.auth-sheet input[aria-invalid="true"]{border-color:#c54535;background:#fff8f6}.auth-sheet input:disabled{opacity:.7;cursor:wait}
.auth-sheet #auth-code{font-size:1.12rem;font-weight:800;letter-spacing:.28em;padding-left:calc(13px - .28em)}
.auth-otp-context{min-height:46px;margin:1px 0 8px;padding:8px 10px;border:1px solid #eaded9;border-radius:15px;background:#fff8f4;display:flex;align-items:center;justify-content:space-between;gap:10px;direction:rtl}.auth-otp-context p{min-width:0;margin:0;color:#786862;font-size:.66rem;line-height:1.7}.auth-otp-context b{display:inline-block;color:var(--ink);font-size:.72rem;direction:ltr;unicode-bidi:isolate;white-space:nowrap}.auth-otp-context button{flex:0 0 auto;min-height:34px;padding:0 9px;border:0;border-radius:10px;background:#f0e3de;color:var(--matcha-deep);font:inherit;font-size:.59rem;font-weight:800;cursor:pointer}
.primary-button{width:100%;height:49px;border:0;border-radius:15px;background:var(--matcha);color:#fff;margin-top:8px;font-weight:700;cursor:pointer}.auth-sheet .primary-button:disabled{opacity:.66;cursor:wait}.auth-sheet .primary-button[data-loading="true"]{background:linear-gradient(100deg,var(--matcha),#f0784f,var(--matcha));background-size:220% 100%;animation:authButtonLoading 1.25s linear infinite}@keyframes authButtonLoading{to{background-position:-220% 0}}
.auth-code-actions{display:flex;align-items:center;justify-content:center;margin-top:9px}.auth-code-actions>button{min-height:38px;padding:6px 12px;border:1px solid #e6d9d5;border-radius:12px;background:#fff;color:var(--matcha-deep);display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:.64rem;font-weight:800;cursor:pointer}.auth-code-actions>button:disabled{color:#948984;background:#f4efed;cursor:default}.auth-code-actions>button span:last-child{min-width:38px;direction:ltr;unicode-bidi:isolate;color:#80736e;font-variant-numeric:tabular-nums}
.auth-sheet>small{display:block;min-height:1.35em;text-align:center;color:#97908c;font-size:.57rem;line-height:1.7;margin-top:12px}.auth-sheet>small[data-tone="error"]{color:#b13f31}.auth-sheet>small[data-tone="success"]{color:#4f7740}
@media(max-width:350px){.auth-sheet{padding:24px 15px 19px}.auth-otp-context{align-items:stretch;flex-direction:column;text-align:center}.auth-otp-context button{width:100%}}
@media(max-height:600px){.auth-dialog{margin-block:12px}.auth-sheet{padding-top:20px}.auth-sheet>img{width:50px;height:50px;margin-bottom:6px}}
.plans-sheet{max-height:92vh;overflow:auto;padding-top:31px}.plans-head{text-align:center}.plans-head>span{display:inline-flex;align-items:center;gap:6px;color:#956a19;font-size:.7rem;font-weight:800}.plans-head svg{width:18px}.plans-head h2{font-size:1.42rem;margin:5px 0 2px}.plans-head p{font-size:.7rem;color:var(--ink-soft);margin:0 0 15px}
.plan-grid{display:grid;gap:8px}.plan-card{border:1px solid #e3dcda;background:#fff;border-radius:20px;padding:14px;position:relative}.plan-card.is-featured{border:2px solid var(--matcha);background:#fcf7f5}.plan-card.has-matcha{background:linear-gradient(135deg,#fff 58%,#f6edea);border-color:#dfccc5}.plan-card>i{position:absolute;top:-8px;left:15px;background:var(--matcha);color:#fff;border-radius:9px;padding:3px 8px;font-size:.55rem;font-style:normal}.plan-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.plan-title>div:first-child{display:grid;gap:5px}.plan-title h3{font-size:.95rem;margin:0}.plan-price{white-space:nowrap}.plan-price b{font-size:1.15rem}.plan-price span{font-size:.58rem;color:#8d817d}.plan-matcha-mark{display:inline-flex;align-items:center;width:max-content;gap:4px;color:var(--matcha-deep)}.plan-matcha-mark img{width:23px;height:23px;object-fit:contain;filter:var(--matcha-logo-tone)}.plan-matcha-mark small{font-size:.5rem;font-weight:800}.plan-features{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.plan-features span{font-size:.57rem;color:#796c68}.plan-features span:before{content:"✓";color:var(--matcha);font-weight:800;margin-left:3px}.plan-card button{width:100%;height:39px;border:0;border-radius:12px;background:#f1ebe9;color:var(--matcha-deep);font-size:.68rem;font-weight:800;cursor:pointer}.plan-card.is-featured button{background:var(--matcha);color:#fff}
.payment-providers{margin-top:13px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.58rem;color:#81877c}.payment-providers b{font-size:.66rem;color:var(--ink)}.payment-providers i{font-style:normal;background:#ece7e5;border-radius:7px;padding:2px 4px}.plan-legal{display:block;text-align:center;color:#92988d;font-size:.55rem;line-height:1.65;margin-top:9px}
.toast{position:fixed;z-index:100;left:50%;bottom:calc(22px + var(--safe-bottom));transform:translate(-50%,18px);width:max-content;max-width:calc(100% - 30px);background:#36221f;color:#fff;border-radius:14px;padding:10px 14px;font-size:.72rem;box-shadow:0 12px 35px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:.28s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}

/* Recipe 0.2 — personal kitchen, planning and guided cooking */
.network-banner{position:sticky;top:0;z-index:70;min-height:42px;padding:9px 16px;background:#3a221e;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.72rem;text-align:center}
.network-banner svg{width:17px;flex:0 0 auto;color:#e09278}
.day-plan-button{height:43px;border:1px solid #e3d8d5;background:#fff;border-radius:15px;padding:0 13px;display:flex;align-items:center;gap:7px;font-size:.74rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(76,44,39,.05)}
.day-plan-button svg{width:18px;color:var(--coral)}
.kitchen-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}
.kitchen-card{min-width:0;min-height:103px;border:1px solid #e3dbd9;border-radius:23px;padding:14px;display:grid;grid-template-columns:44px minmax(0,1fr) 17px;align-items:center;gap:10px;text-align:right;background:#fff;cursor:pointer;box-shadow:0 7px 22px rgba(64,36,32,.045);transition:transform .2s ease,box-shadow .2s ease}
.kitchen-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(64,36,32,.09)}
.kitchen-card-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center}
.kitchen-card-icon svg{width:22px}
.kitchen-card>span:nth-child(2){min-width:0;display:flex;flex-direction:column}
.kitchen-card small{font-size:.59rem;color:#877974}.kitchen-card b{font-size:.8rem;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kitchen-card em{font-style:normal;font-size:.61rem;color:#928581;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kitchen-plan{background:#f4ebe8}.kitchen-plan .kitchen-card-icon{background:#e9d2cb;color:var(--matcha-deep)}
.kitchen-pantry{background:#fff7e8}.kitchen-pantry .kitchen-card-icon{background:#f5e4bd;color:#8f6727}
.kitchen-taste{background:#fff0eb}.kitchen-taste .kitchen-card-icon{background:#f7ddd5;color:#b95c48}
.kitchen-appliances{background:#fff3ed}.kitchen-appliances .kitchen-card-icon{background:#f7d9cf;color:#c94e34}
@media(max-width:719px){.kitchen-dashboard{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}.kitchen-dashboard::-webkit-scrollbar{display:none}.kitchen-card{flex:0 0 82%;scroll-snap-align:start}}
@media(min-width:1280px){.kitchen-dashboard{grid-template-columns:repeat(4,minmax(0,1fr))}}
.smart-picks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.smart-pick{min-height:136px;border:1px solid #e3dbd8;border-radius:24px;padding:16px;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;background:#fff;text-align:right;cursor:pointer;position:relative;overflow:hidden}
.smart-pick:before{content:"";position:absolute;width:110px;height:110px;border:18px solid currentColor;border-radius:50%;opacity:.035;left:-40px;top:-52px}
.smart-pick-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;font-size:2rem;background:var(--pick-bg,#f2e7e3)}
.smart-pick small{display:block;color:var(--matcha);font-size:.6rem;font-weight:700}.smart-pick h3{font-size:.9rem;margin:2px 0 5px}.smart-pick p{font-size:.64rem;line-height:1.55;color:var(--ink-soft);margin:0}.smart-pick-meta{display:flex;gap:8px;margin-top:7px;font-size:.56rem;color:#928580}.smart-pick-meta span{display:flex;align-items:center;gap:3px}.smart-pick-meta svg{width:13px}
.discover-search{min-height:62px;border:1px solid #e2dad8;background:#fff;border-radius:21px;padding:7px 8px 7px 14px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:12px;box-shadow:var(--soft-shadow)}
.discover-search>svg{width:20px;color:#948884}.discover-search input{border:0;background:none;min-width:0;font-size:.8rem}.discover-search button{height:43px;border:0;border-radius:14px;background:#f2e7e3;color:var(--matcha-deep);padding:0 12px;display:flex;align-items:center;gap:5px;font-size:.67rem;font-weight:800;cursor:pointer}.discover-search button svg{width:16px}
.recipe-card-match{position:absolute;right:10px;top:10px;z-index:3;padding:5px 8px;border-radius:10px;background:rgba(49,31,28,.78);backdrop-filter:blur(8px);color:#fff;font-size:.54rem;font-weight:700}
.detail-command-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin:4px 0 20px}
.start-cook-button{height:54px;border:0;border-radius:18px;background:var(--matcha);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(97,55,41,.2)}.start-cook-button svg{width:20px}
.serving-control{height:54px;border:1px solid #e2dbd9;border-radius:18px;background:#fff;padding:0 9px;display:flex;align-items:center;gap:8px}.serving-control>span{display:flex;flex-direction:column;min-width:48px;text-align:center}.serving-control small{font-size:.52rem;color:#988f8c}.serving-control b{font-size:.75rem}.serving-control button{width:30px;height:30px;border:0;border-radius:10px;background:#f1e8e5;color:var(--matcha-deep);font-weight:800;cursor:pointer}
.ingredient-row{position:relative}.ingredient-row label{display:flex;align-items:center;gap:9px;cursor:pointer;flex:1}.ingredient-row input{position:absolute;opacity:0;pointer-events:none}.ingredient-check{width:24px;height:24px;border:1px solid #ddd4d1;border-radius:8px;background:#faf7f6;display:grid;place-items:center;color:transparent;flex:0 0 auto}.ingredient-check svg{width:14px}.ingredient-row input:checked+.ingredient-check{background:var(--matcha);border-color:var(--matcha);color:#fff}.ingredient-row input:checked~span{text-decoration:line-through;color:#93998e}
.detail-sticky-start{position:sticky;bottom:10px;z-index:7;margin:22px 0 4px;padding:7px;border-radius:20px;background:rgba(255,254,250,.91);backdrop-filter:blur(18px);border:1px solid rgba(225,218,216,.86);box-shadow:0 12px 34px rgba(50,31,28,.14)}
.detail-sticky-start button{width:100%;height:49px;border:0;border-radius:15px;background:var(--matcha-deep);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
.sheet-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--matcha);font-size:.68rem;font-weight:800}.sheet-kicker svg{width:17px}
.preferences-dialog,.pantry-dialog,.planner-dialog{width:min(100% - 20px,620px);margin:auto}
.preferences-sheet,.pantry-sheet,.planner-sheet{position:relative;max-height:94dvh;overflow:auto;background:var(--paper);border-radius:30px;padding:30px 21px 22px;box-shadow:0 30px 90px rgba(24,14,13,.3)}
.preferences-sheet>h2,.pantry-sheet>h2,.planner-head h2{font-size:1.36rem;line-height:1.35;margin:7px 0 4px}.preferences-sheet>p,.pantry-sheet>p,.planner-head p{font-size:.7rem;color:var(--ink-soft);margin:0 0 18px}
.preferences-sheet fieldset{border:0;padding:0;margin:17px 0}.preferences-sheet legend{font-size:.74rem;font-weight:800;margin-bottom:9px}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.choice-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.choice-grid label{position:relative}.choice-grid input{position:absolute;opacity:0}.choice-grid span{min-height:42px;border:1px solid #e2dbd9;background:#fff;border-radius:13px;padding:8px 10px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.68rem;cursor:pointer;transition:.18s}.choice-grid input:checked+span{background:#efded8;border-color:#ca9380;color:var(--matcha-deep);font-weight:800;box-shadow:inset 0 0 0 1px #ca9380}
.text-field{display:grid;gap:6px;margin:13px 0}.text-field>span{display:flex;justify-content:space-between;font-size:.7rem;font-weight:700}.text-field small{font-size:.55rem;color:#969c91;font-weight:400}.text-field input{height:48px;border:1px solid #e1d9d7;background:#fff;border-radius:15px;padding:0 13px;font-size:.75rem}
.household-field{min-height:61px;border:1px solid #e2dbd9;background:#fff;border-radius:16px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.72rem;font-weight:700}
.stepper{display:flex;align-items:center;gap:8px}.stepper button{width:32px;height:32px;border:0;border-radius:10px;background:#f1e8e5;color:var(--matcha-deep);font-size:1rem;cursor:pointer}.stepper b{min-width:24px;text-align:center}
.pantry-add-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.pantry-add-form input{height:48px;border:1px solid #e1d9d7;background:#fff;border-radius:15px;padding:0 13px}.pantry-add-form button{border:0;border-radius:15px;background:var(--matcha);color:#fff;padding:0 14px;display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:800;cursor:pointer}.pantry-add-form button svg{width:16px}
.pantry-suggestions{display:flex;gap:6px;overflow:auto;padding:12px 1px 6px;scrollbar-width:none}.pantry-suggestions button{white-space:nowrap;border:1px dashed #d6c5bf;background:#faf6f4;border-radius:11px;padding:6px 9px;color:#796a65;font-size:.62rem;cursor:pointer}
.pantry-list{min-height:120px;border:1px solid #e5dedc;background:#fff;border-radius:20px;margin-top:10px;padding:10px;display:flex;align-content:flex-start;gap:7px;flex-wrap:wrap}.pantry-list:empty:before{content:"هنوز ماده‌ای ثبت نکردی";width:100%;align-self:center;text-align:center;color:#a19692;font-size:.68rem}
.pantry-chip{height:34px;border:1px solid #e2d7d3;background:#f2e8e5;border-radius:11px;padding:0 9px;display:flex;align-items:center;gap:6px;font-size:.68rem}.pantry-chip button{border:0;background:none;color:#928682;padding:0;display:grid;place-items:center;cursor:pointer}.pantry-chip svg{width:13px}
.pantry-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.pantry-actions button{height:46px;border:1px solid #e1dad8;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.67rem;font-weight:800;cursor:pointer}.pantry-actions button:first-child{background:var(--matcha-deep);color:#fff;border-color:var(--matcha-deep)}.pantry-actions svg{width:17px}
.planner-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:9px;margin:15px 0 7px}.planner-toolbar label{display:grid;gap:4px;min-width:0}.planner-toolbar label span{font-size:.58rem;color:#83736e;font-weight:700}.planner-toolbar select{width:100%;height:45px;min-width:0;border:1px solid #e0d8d6;background:#fff;border-radius:13px;padding:0 9px;color:var(--ink);font:inherit;font-size:.66rem}.planner-toolbar button{grid-column:1/-1;width:100%;height:43px;border:0;border-radius:13px;background:#f1e1dc;color:var(--matcha-deep);padding:0 12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.66rem;font-weight:800;cursor:pointer}.planner-toolbar svg{width:16px}.planner-filter-note{margin:0 2px 11px;color:#8e7d77;font-size:.56rem;line-height:1.7}.planner-summary{border:1px solid #efd8cf;border-radius:19px;background:linear-gradient(145deg,#fff4ed,#fffdf9);padding:12px;margin-bottom:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px 12px}.planner-summary.is-empty{display:block;text-align:center;padding:13px;color:#94847e}.planner-summary.is-empty p{margin:0;font-size:.62rem}.planner-summary-main{display:grid;grid-template-columns:39px minmax(0,1fr);align-items:center;gap:9px;min-width:0}.planner-summary-icon{width:39px;height:39px;border-radius:13px;background:var(--matcha);color:#fff;display:grid;place-items:center}.planner-summary-icon svg{width:19px}.planner-summary-main>span:last-child{display:grid;min-width:0}.planner-summary-main small{font-size:.55rem;color:#897771}.planner-summary-main strong{font-size:.88rem;line-height:1.45}.planner-summary-main em{font-size:.53rem;color:#9a8983;font-style:normal}.planner-summary-status{display:grid;justify-items:end;gap:2px;text-align:left}.planner-summary-status b{font-size:.57rem;color:#6f7e4d}.planner-summary.is-near-limit .planner-summary-status b{color:#b15b35}.planner-summary-status small{font-size:.5rem;color:#94847e}.planner-budget-progress{grid-column:1/-1;height:5px;border-radius:99px;background:#eeded8;overflow:hidden}.planner-budget-progress i{display:block;width:var(--planner-progress,0);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--saffron),var(--matcha));transition:width .3s ease}.week-plan{display:grid;gap:7px;padding-bottom:3px}.week-day{min-height:74px;border:1px solid #e2dbd9;background:#fff;border-radius:17px;padding:9px 11px;display:grid;grid-template-columns:49px 42px minmax(0,1fr) 20px;align-items:center;gap:8px;cursor:pointer;text-align:right;transition:.18s}.week-day:hover{border-color:#d9b8ac;transform:translateY(-1px)}.week-day.is-near-limit{border-color:#edcbbd;background:#fffaf6}.week-day-name{font-size:.64rem;color:#877a75;font-weight:700}.week-day-icon{width:42px;height:42px;border-radius:13px;background:var(--day-bg,#f1e9e6);display:grid;place-items:center;overflow:hidden}.week-day-copy{min-width:0}.week-day b{font-size:.75rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-day-meta{display:flex!important;align-items:center;gap:7px;min-width:0;margin-top:3px;font-size:.54rem!important;color:#8e7d77!important;white-space:nowrap;overflow:hidden}.week-day-meta>span{display:inline-flex;align-items:center;gap:3px;min-width:0}.week-day-meta svg{width:12px;height:12px;color:var(--matcha)}.week-day-category{overflow:hidden;text-overflow:ellipsis}.week-day-warning{display:block;margin-top:2px;color:#b15b35;font-size:.49rem;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-day>svg{width:15px;color:#a19895}.planner-sheet>.primary-button{position:sticky;bottom:0;z-index:4;box-shadow:0 -7px 18px rgba(255,248,242,.82),0 8px 20px rgba(184,50,36,.16)}
.cook-dialog{width:100%;height:100%;margin:0;background:#301d1a;color:#fff}.cook-shell{height:100dvh;max-width:760px;margin:auto;display:grid;grid-template-rows:auto 4px auto minmax(0,1fr) auto auto;background:radial-gradient(circle at 50% 20%,#5f3e33,#2d1b18 65%);overflow:hidden}.cook-head{padding:max(16px,env(safe-area-inset-top)) 17px 12px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center}.cook-head button{width:42px;height:42px;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer}.cook-head small{display:block;font-size:.6rem;color:#d9c9c4}.cook-head b{display:block;font-size:.78rem}.cook-progress{height:4px;background:rgba(255,255,255,.1)}.cook-progress i{display:block;width:0;height:100%;background:#e08a6e;transition:width .35s ease}.cook-appliance-context{padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(31,17,15,.38);display:grid;gap:7px}.cook-appliance-context[hidden]{display:none}.cook-appliance-context>div{display:flex;align-items:center;gap:7px;min-width:0}.cook-appliance-context>div>span{width:31px;height:31px;flex:0 0 auto;border-radius:10px;background:rgba(255,255,255,.11);display:grid;place-items:center}.cook-appliance-context svg{width:16px;height:16px}.cook-appliance-context b{font-size:.64rem}.cook-appliance-context small{color:#dbc8c2;font-size:.52rem}.cook-appliance-context>div>div{min-width:0;display:grid}.cook-appliance-context>ul{display:flex;gap:5px;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.cook-appliance-context>ul::-webkit-scrollbar{display:none}.cook-appliance-context li{flex:0 0 auto;padding:4px 7px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.07);color:#f0dfda;font-size:.48rem}.cook-appliance-context>p{margin:0;color:#ffd8a8;font-size:.49rem;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cook-stage{padding:clamp(22px,5vw,48px);display:flex;flex-direction:column;justify-content:center;overflow:auto;text-align:center}.cook-step-number{width:56px;height:56px;margin:0 auto 18px;border-radius:19px;background:#f4e5e0;color:var(--matcha-deep);display:grid;place-items:center;font-weight:800;font-size:1.2rem}.cook-stage h1{font-size:clamp(1.55rem,5vw,2.35rem);line-height:1.35;margin:0 0 15px}.cook-stage p{max-width:600px;margin:0 auto;font-size:clamp(.9rem,2.5vw,1.14rem);line-height:2;color:#f4edeb}.cook-duration{display:inline-flex;align-self:center;align-items:center;gap:6px;margin-top:22px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.09);color:#e5d8d3;font-size:.7rem}.cook-duration svg{width:16px}.cook-native-note{max-width:600px;margin:13px auto 0;padding:9px 11px;border:1px solid rgba(255,216,168,.2);border-radius:12px;background:rgba(255,216,168,.08);color:#ffe7c7;font-size:.58rem;line-height:1.75}.cook-native-checkpoint{max-width:600px;margin:13px auto 0;padding:10px 12px;border:1px solid rgba(173,220,152,.24);border-radius:13px;background:rgba(112,164,91,.12);color:#e6f5de;font-size:.61rem;line-height:1.75}
.cook-timer{margin:0 18px 12px;padding:11px 13px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.08);display:grid;grid-template-columns:1fr 42px 42px;align-items:center;gap:7px}.cook-timer small{display:block;font-size:.56rem;color:#d3c3be}.cook-timer b{display:block;font-size:1.15rem;letter-spacing:.08em}.cook-timer button{width:40px;height:40px;border:0;border-radius:12px;background:#fff;color:var(--matcha-deep);display:grid;place-items:center;cursor:pointer}.cook-timer svg{width:18px}
.cook-controls{padding:10px 17px calc(17px + var(--safe-bottom));display:grid;grid-template-columns:1fr 1.7fr;gap:8px}.cook-controls button{height:53px;border:1px solid rgba(255,255,255,.17);border-radius:17px;background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:800;cursor:pointer}.cook-controls .cook-next{background:#fff;color:var(--matcha-deep);border-color:#fff}.cook-controls svg{width:18px}
.is-busy{pointer-events:none;opacity:.66}
[hidden]{display:none!important}
@media(max-width:430px){
  .scanner-pill span{display:none}.scanner-pill{width:43px;padding:0;justify-content:center}
  .food-hero{height:315px}.food-hero-overlay{width:70%;padding:22px 18px}.food-hero-overlay h2{font-size:1.45rem}
  .story-deck{padding:15px 7px 11px;border-radius:27px}.story-deck-head{padding-inline:8px}.story-deck-head h2{font-size:1.04rem}.story-deck-head span{font-size:.57rem}.story-deck-controls button{width:35px;height:35px}.story-deck-stage{height:466px}.story-card{width:calc(100% - 34px);height:432px;border-radius:28px}.story-card-copy{padding:14px}.story-card-badges>span{min-height:39px;padding:6px;font-size:.55rem}.story-card-message{padding:11px 12px 12px}.story-card-message h3{font-size:1.82rem}.story-card-message p{font-size:.61rem}.story-card-bottom>button{min-height:44px;padding-inline:11px}
  .ai-action{grid-template-columns:39px 1fr;min-height:101px;padding:12px}.action-icon{width:39px;height:39px}.action-arrow{display:none}
  .matcha-banner{grid-template-columns:95px 1fr;padding:20px 16px}.matcha-logo-orbit{width:78px;height:78px;border-radius:24px}.matcha-logo-orbit:before{inset:8px;border-radius:18px}.ring-one{width:106px;height:106px}.ring-two{width:125px;height:125px}.matcha-copy h2{font-size:1.2rem}
  .small-promo{grid-template-columns:42px 1fr}.small-promo button{grid-column:2}
  .day-plan-button{display:none}.topbar-actions{gap:7px}
  .smart-picks-grid{grid-template-columns:1fr}.smart-pick{min-height:122px}
  .discover-search{grid-template-columns:22px minmax(0,1fr)}.discover-search button{grid-column:1/-1;width:100%;justify-content:center}
  .detail-command-bar{grid-template-columns:1fr}.serving-control{justify-content:center}
  .result-grid .recipe-card-meta{gap:4px;font-size:.61rem}.result-grid .recipe-card-meta svg{width:13px}
  .recipe-cost-summary{grid-template-columns:40px minmax(0,1fr)}.recipe-cost-tier{grid-column:2;justify-self:start;margin-top:3px}.recipe-cost-panel summary{grid-template-columns:minmax(0,1fr) 18px}.recipe-cost-panel summary em{grid-column:1/-1;grid-row:2}.recipe-cost-panel summary svg{grid-column:2;grid-row:1}
  .planner-summary{grid-template-columns:1fr}.planner-summary-status{justify-items:start;text-align:right}.week-day{grid-template-columns:43px 40px minmax(0,1fr) 16px;padding-inline:9px;gap:7px}.week-day-icon{width:40px;height:40px}.week-day-category{display:none!important}.week-day-meta{gap:6px}.planner-sheet>.primary-button{bottom:-1px}
  .choice-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:350px){.planner-toolbar{grid-template-columns:1fr}.planner-toolbar button{grid-column:1}.week-day{grid-template-columns:38px 36px minmax(0,1fr) 14px;padding-inline:7px;gap:5px}.week-day-icon{width:36px;height:36px}.week-day-meta{font-size:.5rem!important;gap:4px}}
@media(min-width:720px){
  .app-shell{padding-bottom:30px}.topbar{height:82px}
  .search-hero{padding:31px}.search-copy{padding-left:48%}.search-box{max-width:620px}.food-hero{height:420px}.ai-action{min-height:122px;padding:18px}
  .story-deck{padding:22px 18px 15px}.story-deck-head{max-width:590px;margin-inline:auto}.story-deck-stage{height:560px}.story-card{width:500px;height:525px}.story-card-copy{padding:20px}.story-card-message{padding:17px 18px}.story-card-message p{font-size:.72rem}.story-card-bottom>button{min-height:49px;padding-inline:17px}
  .category-card{flex-basis:126px;min-height:132px}.recipe-card{flex-basis:260px}.recipe-card-media{height:172px}.matcha-banner{grid-template-columns:190px 1fr;min-height:300px;padding:34px}.matcha-logo-orbit{width:132px;height:132px;border-radius:38px}.matcha-logo-orbit:before{border-radius:29px}.ring-one{width:160px;height:160px}.ring-two{width:190px;height:190px}.matcha-copy h2{font-size:2rem}.course-card{flex-basis:290px}.course-cover{height:180px}
  .ingredient-chips{grid-template-columns:repeat(3,minmax(0,1fr));max-height:238px}
  .result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recipe-sheet{width:min(820px,100%);margin:auto;min-height:100%;box-shadow:0 0 70px rgba(0,0,0,.2)}.detail-hero{height:400px}.detail-food-icon{font-size:9rem;left:95px;top:85px}.wisdom-grid{grid-template-columns:repeat(3,1fr)}.wisdom-card{grid-template-columns:1fr}.detail-body{padding:0 28px}
  .scanner-shell{max-width:620px;margin:auto;box-shadow:0 0 70px #000}.profile-layout{grid-template-columns:1fr 210px}.profile-aside{grid-template-columns:1fr}.profile-hero{padding:28px}
  .preferences-sheet,.pantry-sheet,.planner-sheet{padding:34px 30px 28px}.planner-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.planner-toolbar button{grid-column:auto;width:auto;white-space:nowrap}.smart-picks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1080px){
  .topbar{padding-inline:44px}.app-view{padding-inline:44px}.desktop-grid{grid-template-columns:minmax(0,1fr) 285px;align-items:start}.desktop-aside{display:grid;gap:12px;position:sticky;top:100px}
  .app-shell{padding-bottom:0}.search-hero{display:grid;grid-template-columns:1fr 1.25fr;align-items:end;gap:34px}.search-copy{padding:0}.search-copy p{margin-bottom:0}.search-box{width:100%}
  .food-hero{height:460px}.ai-actions{gap:14px}.aside-plan-card{border-radius:28px;background:linear-gradient(155deg,#5f392c,#8c5340);color:#fff;padding:24px;box-shadow:var(--shadow)}.aside-plan-mark{width:50px;height:50px;border-radius:17px;background:rgba(255,255,255,.13);display:grid;place-items:center}.aside-plan-card>small{display:block;color:#e4d3cd;font-size:.65rem;margin-top:20px}.aside-plan-card h2{font-size:1.35rem;line-height:1.35;margin:5px 0 9px}.aside-plan-card p{font-size:.72rem;color:#e7dcd8}.aside-plan-card button{width:100%;height:43px;border:0;border-radius:14px;background:#fff;color:var(--matcha-deep);font-weight:800;cursor:pointer}
  .aside-saved-card,.aside-tip{border:1px solid #e4dddb;border-radius:23px;background:#fff;padding:17px}.aside-saved-card>div{display:flex;align-items:center;gap:8px;font-size:.75rem}.aside-saved-card>div span{width:37px;height:37px;border-radius:12px;background:var(--matcha-pale);color:var(--matcha);display:grid;place-items:center}.aside-saved-card strong{display:block;font-size:2rem;margin:13px 0 3px}.aside-saved-card>button{border:0;background:none;color:var(--matcha);font-size:.68rem;display:flex;align-items:center;padding:0;cursor:pointer}.aside-saved-card>button svg{width:15px}.aside-tip{background:#fff4df;border-color:#f0e2c6}.aside-tip span{font-size:.62rem;color:#9a6b23;font-weight:800}.aside-tip p{font-size:.7rem;line-height:1.7;margin:6px 0 0}
  .result-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.result-grid .recipe-card-media{height:170px}.profile-hero{max-width:970px;margin-inline:auto}.profile-layout{max-width:970px;margin-inline:auto;margin-top:13px}
  .kitchen-dashboard{gap:14px}.kitchen-card{min-height:112px;padding:17px}.smart-picks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.story-deck-footer>span svg,.matcha-logo-orbit img{animation:none!important}}

/* First-run cinematic product introduction */
body.intro-open{overflow:hidden}
.intro-overlay[hidden],.intro-slide[hidden]{display:none!important}
.intro-overlay{
  --intro-gold:#ffb347;--intro-cream:#fff4e8;--intro-green:#ff7650;
  position:fixed;inset:0;z-index:1000;direction:rtl;color:#fff;
  background:
    radial-gradient(circle at 12% 14%,rgba(195,151,76,.18),transparent 30%),
    radial-gradient(circle at 88% 84%,rgba(168,96,72,.18),transparent 34%),
    linear-gradient(145deg,#271512 0%,#1c0e0c 58%,#2a1a17 100%);
  overflow:hidden;opacity:0;transition:opacity .45s ease
}
.intro-overlay.is-visible{opacity:1}.intro-overlay.is-leaving{opacity:0}
.intro-overlay:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 80 80 0M-20 60 60-20M20 100l80-80' stroke='%23fff' stroke-opacity='.055' stroke-width='.7'/%3E%3C/svg%3E")}
.intro-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.intro-ambient i{position:absolute;border:1px solid rgba(231,189,103,.18);border-radius:50%;animation:introOrbit 18s linear infinite}
.intro-ambient i:nth-child(1){width:440px;height:440px;right:-180px;top:-220px}
.intro-ambient i:nth-child(2){width:270px;height:270px;left:-90px;bottom:-100px;animation-direction:reverse;animation-duration:14s}
.intro-ambient i:nth-child(3){width:120px;height:120px;left:36%;top:18%;border-color:rgba(216,141,116,.13);animation-duration:10s}
.intro-shell{position:relative;z-index:2;width:min(100%,1280px);height:100dvh;margin:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.intro-head{display:flex;align-items:center;justify-content:space-between;padding:max(18px,env(safe-area-inset-top)) clamp(20px,4vw,54px) 10px}
.intro-brand{display:flex;align-items:center;gap:10px}.intro-brand img{width:48px;height:48px;padding:3px;border-radius:16px;background:#f5f2e6;filter:drop-shadow(0 7px 18px rgba(0,0,0,.2))}
.intro-brand span{display:grid;line-height:1}.intro-brand b{font-size:1.26rem;letter-spacing:-.02em}.intro-brand small{font-size:.62rem;color:#d9c7c1;margin-top:7px}
.intro-skip{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#e3d8d5;border-radius:14px;height:42px;padding:0 17px;font-size:.72rem;font-weight:700;cursor:pointer;backdrop-filter:blur(10px);transition:.25s}
.intro-skip:hover{background:rgba(255,255,255,.12);color:#fff}.intro-overlay button:focus-visible{outline-color:rgba(231,189,103,.7)}
.intro-viewport{min-height:0;position:relative}
.intro-slide{height:100%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);align-items:center;gap:clamp(34px,6vw,92px);padding:10px clamp(24px,6vw,82px);overflow:auto;scrollbar-width:none}
.intro-slide::-webkit-scrollbar{display:none}
.intro-copy{max-width:540px}.intro-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#e2d5d1;font-size:.72rem;font-weight:700;letter-spacing:.01em}
.intro-eyebrow i{width:24px;height:1px;background:var(--intro-gold);box-shadow:8px 0 0 -3px var(--intro-gold)}
.intro-copy h1,.intro-copy h2{font-size:clamp(2.2rem,4.3vw,4.4rem);line-height:1.13;letter-spacing:-.052em;text-wrap:balance;margin:18px 0 20px;max-width:660px}
.intro-copy h2{font-size:clamp(2rem,3.7vw,3.65rem)}.intro-copy h1 em,.intro-copy h2 em{color:var(--intro-gold);font-style:normal}
.intro-copy>p{font-size:clamp(.85rem,1.35vw,1.05rem);line-height:2;color:#d4c7c2;max-width:520px;margin:0}
.intro-mini-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.intro-mini-features span{height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.055);font-size:.67rem;color:#e9e0dd}
.intro-mini-features svg{width:16px;color:var(--intro-gold)}
.intro-visual{position:relative;min-width:0;display:grid;place-items:center}
.intro-food-frame{position:relative;width:min(100%,560px);height:min(59vh,570px);border-radius:42px;overflow:hidden;border:1px solid rgba(255,255,255,.17);box-shadow:0 45px 95px rgba(0,0,0,.35)}
.intro-food-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,8,7,.05) 30%,rgba(17,9,8,.72) 100%)}
.intro-food-frame img{width:100%;height:100%;object-fit:cover;object-position:center}
.intro-ai-seal{position:absolute;z-index:2;right:24px;top:24px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.23);border-radius:18px;background:rgba(33,17,14,.67);backdrop-filter:blur(14px)}
.intro-ai-seal svg{grid-row:1/3;width:26px;height:26px;color:var(--intro-gold)}.intro-ai-seal b{font-size:.76rem}.intro-ai-seal small{font-size:.57rem;color:#d7c8c3}
.intro-food-note{position:absolute;z-index:2;right:25px;bottom:23px;display:flex;align-items:center;gap:8px;font-size:.66rem;color:#ece5e3}.intro-food-note i{width:7px;height:7px;border-radius:50%;background:var(--intro-green);box-shadow:0 0 0 5px rgba(255,118,80,.15)}
.intro-gold-orbit{position:absolute;width:150px;height:150px;border-radius:50%;border:1px solid rgba(231,189,103,.3);left:-23px;bottom:20px;box-shadow:inset 0 0 0 23px rgba(231,189,103,.025)}
.intro-checks{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none}.intro-checks li{display:flex;align-items:center;gap:11px;color:#ede6e4;font-size:.76rem}
.intro-checks li>span{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:rgba(255,118,80,.12);color:var(--intro-green);border:1px solid rgba(255,118,80,.16)}.intro-checks svg{width:14px}
.intro-phone{position:relative;width:min(82%,370px);height:min(57vh,550px);border:1px solid rgba(255,255,255,.17);border-radius:42px;background:#211615;box-shadow:0 42px 90px rgba(0,0,0,.4),inset 0 0 0 7px rgba(255,255,255,.035);overflow:hidden}
.intro-phone:before{content:"";position:absolute;top:11px;left:50%;transform:translateX(-50%);width:66px;height:5px;border-radius:9px;background:rgba(255,255,255,.12);z-index:4}
.intro-phone-bar{height:67px;padding:25px 20px 12px;display:flex;align-items:center;justify-content:space-between;font-size:.68rem}.intro-phone-bar span{display:flex;align-items:center;gap:7px}.intro-phone-bar svg{width:18px;color:var(--intro-green)}.intro-phone-bar>i{width:8px;height:8px;border-radius:50%;background:var(--intro-gold)}
.intro-scan-window{position:relative;height:calc(100% - 150px);margin:0 13px;border-radius:27px;background:radial-gradient(circle at 50% 42%,#63473e 0,#36211e 44%,#1a100f 100%);overflow:hidden}
.intro-scan-window:before{content:"";position:absolute;width:145px;height:145px;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 34% 30%,#efdfda,#b98a7a 38%,#735146 39%,#422a26 68%);box-shadow:0 22px 35px rgba(0,0,0,.33)}
.intro-scan-corner{position:absolute;width:42px;height:42px;border-color:#f1e9e6;border-style:solid;z-index:2}.intro-scan-corner.c1{top:25px;right:25px;border-width:2px 2px 0 0;border-radius:0 13px 0 0}.intro-scan-corner.c2{top:25px;left:25px;border-width:2px 0 0 2px;border-radius:13px 0 0 0}.intro-scan-corner.c3{bottom:25px;right:25px;border-width:0 2px 2px 0;border-radius:0 0 13px 0}.intro-scan-corner.c4{bottom:25px;left:25px;border-width:0 0 2px 2px;border-radius:0 0 0 13px}
.intro-scan-beam{position:absolute;left:10%;right:10%;top:20%;height:1px;background:linear-gradient(90deg,transparent,#ff8a58,transparent);box-shadow:0 0 18px 4px rgba(255,138,88,.34);animation:introScan 2.8s ease-in-out infinite}
.intro-ingredient-chip{position:absolute;z-index:3;padding:5px 9px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(25,12,10,.76);backdrop-filter:blur(8px);font-size:.56rem;color:#f4edeb}.intro-ingredient-chip:before{content:"";display:inline-block;width:5px;height:5px;margin-left:5px;border-radius:50%;background:var(--intro-green)}
.chip-1{right:36px;top:34%}.chip-2{left:27px;top:55%}.chip-3{right:58px;bottom:19%}
.intro-scan-status{height:82px;padding:13px 18px;display:flex;align-items:center;gap:11px}.intro-scan-status>i{width:36px;height:36px;border-radius:13px;display:grid;place-items:center;background:#eabaaa;color:#542b24}.intro-scan-status svg{width:18px}.intro-scan-status span{display:grid}.intro-scan-status b{font-size:.7rem}.intro-scan-status small{font-size:.56rem;color:#af9d97}
.intro-floating-card{position:absolute;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(50,30,27,.82);box-shadow:0 18px 40px rgba(0,0,0,.22);backdrop-filter:blur(16px);animation:introFloat 4s ease-in-out infinite}
.intro-floating-card>svg{grid-row:1/3;width:21px;color:var(--intro-gold)}.intro-floating-card b{font-size:.72rem}.intro-floating-card small{font-size:.56rem;color:#cec0bb}.intro-calorie-card{right:1%;top:18%}
.intro-cook-phone{background:linear-gradient(160deg,#58392e,#281815 68%);display:grid;grid-template-rows:auto 4px 1fr auto}.intro-cook-top{padding:29px 20px 13px;display:flex;align-items:center;justify-content:space-between}.intro-cook-top span{font-size:.67rem}.intro-cook-top b{font-size:.58rem;color:#d8c6c0}
.intro-cook-progress{height:4px;background:rgba(255,255,255,.09)}.intro-cook-progress i{display:block;width:40%;height:100%;background:var(--intro-green);box-shadow:0 0 14px rgba(255,118,80,.45)}
.intro-cook-body{padding:22px;display:flex;flex-direction:column;justify-content:center;text-align:center}.intro-step-number{width:50px;height:50px;border-radius:18px;background:#f3e8e5;color:#51352c;display:grid;place-items:center;margin:0 auto 16px;font-size:1.1rem;font-weight:800}.intro-cook-body h3{font-size:1.18rem;margin:0 0 11px}.intro-cook-body p{font-size:.67rem;line-height:1.9;color:#e1d8d5;margin:0}
.intro-timer{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px auto 0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);border-radius:15px;padding:8px 9px 8px 13px}.intro-timer>svg{width:18px;color:var(--intro-gold)}.intro-timer b{font-size:.78rem;direction:ltr}.intro-timer span{width:29px;height:29px;border-radius:10px;background:rgba(255,255,255,.12);display:grid;place-items:center}.intro-timer span svg{width:14px}
.intro-cook-controls{display:grid;grid-template-columns:1fr 1.6fr;gap:8px;padding:12px 15px 20px}.intro-cook-controls span,.intro-cook-controls b{height:43px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:.66rem}.intro-cook-controls span{border:1px solid rgba(255,255,255,.12);color:#d6c6c0}.intro-cook-controls b{background:#f4e9e6;color:#53362c;gap:6px}.intro-cook-controls svg{width:14px}
.intro-voice-card{left:0;bottom:18%;animation-delay:-1.5s}.intro-voice-card>svg{color:var(--intro-green)}
.intro-personal-visual{min-height:min(57vh,550px)}.intro-personal-orbit{position:relative;width:min(88%,520px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(231,189,103,.18);border-radius:50%;box-shadow:inset 0 0 0 55px rgba(255,255,255,.014)}
.intro-personal-orbit:before,.intro-personal-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(216,141,116,.12)}.intro-personal-orbit:before{inset:16%}.intro-personal-orbit:after{inset:31%}
.intro-personal-core{position:relative;z-index:3;width:120px;height:120px;border-radius:40px;background:linear-gradient(145deg,#f5f3e8,#e8d3cc);display:grid;place-items:center;box-shadow:0 28px 55px rgba(0,0,0,.28)}.intro-personal-core img{width:75px;height:75px}.intro-personal-core i{position:absolute;inset:-15px;border-radius:49px;border:1px solid rgba(231,189,103,.35);animation:introPulse 2.5s ease-out infinite}
.intro-orbit-card{position:absolute;z-index:4;min-width:172px;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:11px 13px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:rgba(46,26,23,.84);backdrop-filter:blur(15px);box-shadow:0 18px 38px rgba(0,0,0,.24)}
.intro-orbit-card svg{grid-row:1/3;width:20px;color:var(--intro-gold)}.intro-orbit-card b{font-size:.68rem}.intro-orbit-card small{font-size:.54rem;color:#beaea8}.orbit-plan{right:-4%;top:14%}.orbit-offline{left:-8%;top:37%}.orbit-diet{right:9%;bottom:7%}.orbit-diet svg{color:var(--intro-green)}
.intro-orbit-card>.matcha-mini-logo{grid-row:1/3;width:30px;height:30px;object-fit:contain;filter:var(--matcha-logo-tone) drop-shadow(0 4px 7px rgba(0,0,0,.22))}
.intro-final-card{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;margin-top:28px;padding:13px;border:1px solid rgba(231,189,103,.2);border-radius:19px;background:linear-gradient(110deg,rgba(231,189,103,.12),rgba(255,255,255,.035))}
.intro-final-card>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(231,189,103,.14);color:var(--intro-gold)}.intro-final-card svg{width:23px}.intro-final-card div{display:grid}.intro-final-card b{font-size:.77rem}.intro-final-card small{font-size:.61rem;line-height:1.7;color:#d3c5c0}
.intro-final-card>.matcha-family-mark{background:linear-gradient(145deg,rgba(247,245,236,.16),rgba(216,141,116,.12));overflow:hidden}.matcha-family-mark img{width:42px;height:42px;object-fit:contain;filter:var(--matcha-logo-tone) drop-shadow(0 5px 8px rgba(0,0,0,.22))}
.intro-footer{display:grid;grid-template-columns:54px 1fr minmax(128px,170px);align-items:center;gap:16px;padding:10px clamp(20px,4vw,54px) max(20px,env(safe-area-inset-bottom))}
.intro-back{width:48px;height:48px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.06);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.25s}.intro-back[hidden]{visibility:hidden;display:grid!important}.intro-back svg{width:19px}
.intro-pagination{display:flex;flex-direction:column;align-items:center;gap:8px}.intro-progress-copy{font-size:.56rem;color:#bdada7}.intro-dots{display:flex;align-items:center;gap:7px;direction:rtl}.intro-dots button{width:7px;height:7px;border:0;border-radius:999px;background:rgba(255,255,255,.23);padding:0;cursor:pointer;transition:.35s}.intro-dots button.is-active{width:31px;background:var(--intro-gold)}.intro-next{height:52px;border:0;border-radius:17px;background:linear-gradient(135deg,#f4dfac,#dca94e);color:#32201d;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:.76rem;font-weight:800;box-shadow:0 13px 30px rgba(187,139,55,.2);cursor:pointer;transition:.25s}.intro-next:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(187,139,55,.27)}.intro-next svg{width:17px}
.intro-slide.is-current .intro-copy>*{animation:introCopyIn .58s both}.intro-slide.is-current .intro-copy>*:nth-child(2){animation-delay:.07s}.intro-slide.is-current .intro-copy>*:nth-child(3){animation-delay:.13s}.intro-slide.is-current .intro-copy>*:nth-child(4){animation-delay:.19s}.intro-slide.is-current .intro-visual{animation:introVisualIn .72s cubic-bezier(.2,.75,.24,1) both}
@keyframes introCopyIn{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}
@keyframes introVisualIn{from{opacity:0;transform:translateX(-24px) scale(.975)}to{opacity:1;transform:none}}
@keyframes introFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes introScan{0%,100%{top:20%;opacity:.4}50%{top:78%;opacity:1}}
@keyframes introPulse{0%{transform:scale(.88);opacity:0}35%{opacity:1}100%{transform:scale(1.15);opacity:0}}
@keyframes introOrbit{to{transform:rotate(360deg)}}
@media(max-width:719px){
  .intro-head{padding-inline:18px}.intro-brand img{width:42px;height:42px}.intro-brand b{font-size:1.12rem}.intro-skip{height:38px;padding-inline:13px;font-size:.66rem}
  .intro-slide{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:8px 20px 16px}
  .intro-visual{order:1;min-height:0;height:41%;flex:0 0 41%}.intro-copy{order:2;max-width:none;padding:0 2px 10px}
  .intro-copy h1,.intro-copy h2{font-size:clamp(1.72rem,8.2vw,2.3rem);line-height:1.2;margin:11px 0 11px}.intro-copy>p{font-size:.73rem;line-height:1.85}
  .intro-eyebrow{font-size:.62rem}.intro-mini-features{margin-top:15px;gap:6px}.intro-mini-features span{height:32px;padding-inline:9px;font-size:.58rem}
  .intro-food-frame{width:100%;height:100%;border-radius:28px}.intro-ai-seal{right:14px;top:14px;transform:scale(.88);transform-origin:top right}.intro-food-note{right:15px;bottom:14px;font-size:.58rem}.intro-gold-orbit{width:95px;height:95px;left:-13px;bottom:-7px}
  .intro-phone{width:min(72%,260px);height:100%;border-radius:31px}.intro-phone:before{top:8px;width:48px}.intro-phone-bar{height:51px;padding:19px 14px 8px}.intro-scan-window{height:calc(100% - 112px);border-radius:21px}.intro-scan-status{height:61px;padding:8px 13px}.intro-scan-status>i{width:30px;height:30px}
  .intro-floating-card{transform:scale(.83);transform-origin:center;animation:none}.intro-calorie-card{right:-3%;top:14%}.intro-voice-card{left:-4%;bottom:14%}
  .intro-cook-top{padding:22px 14px 9px}.intro-cook-body{padding:13px}.intro-step-number{width:38px;height:38px;border-radius:13px;margin-bottom:9px}.intro-cook-body h3{font-size:.9rem;margin-bottom:6px}.intro-cook-body p{font-size:.56rem}.intro-timer{margin-top:10px;padding-block:5px}.intro-cook-controls{padding:8px 11px 13px}.intro-cook-controls span,.intro-cook-controls b{height:33px}
  .intro-checks{gap:8px;margin-top:15px}.intro-checks li{font-size:.65rem}.intro-checks li>span{width:24px;height:24px;border-radius:8px}
  .intro-personal-visual{height:39%;flex-basis:39%}.intro-personal-orbit{width:auto;height:min(100%,300px);max-width:88%;aspect-ratio:1}.intro-personal-core{width:78px;height:78px;border-radius:26px}.intro-personal-core img{width:50px;height:50px}.intro-orbit-card{min-width:133px;grid-template-columns:28px 1fr;padding:8px 9px}.intro-orbit-card svg{width:16px}.intro-orbit-card>.matcha-mini-logo{width:24px;height:24px}.intro-orbit-card b{font-size:.57rem}.intro-orbit-card small{font-size:.46rem}.orbit-plan{right:-7%;top:9%}.orbit-offline{left:-7%;top:39%}.orbit-diet{right:4%;bottom:9%}
  .intro-final-card{margin-top:15px;padding:9px;grid-template-columns:40px 1fr}.intro-final-card>span{width:40px;height:40px}.intro-final-card b{font-size:.68rem}.intro-final-card small{font-size:.55rem}
  .intro-footer{grid-template-columns:48px 1fr minmax(112px,138px);gap:9px;padding:7px 18px max(13px,env(safe-area-inset-bottom))}.intro-back{width:44px;height:44px}.intro-next{height:46px;border-radius:15px}.intro-progress-copy{display:none}
}
@media(max-height:720px) and (max-width:719px){
  .intro-head{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:4px}.intro-brand img{width:36px;height:36px}.intro-brand small{display:none}
  .intro-slide{gap:9px;padding-top:3px}.intro-visual{height:36%;flex-basis:36%}.intro-copy h1,.intro-copy h2{font-size:1.55rem;margin:8px 0}.intro-copy>p{font-size:.67rem;line-height:1.65}.intro-mini-features,.intro-checks{margin-top:10px}.intro-final-card{margin-top:10px}
  .intro-personal-slide{gap:14px}.intro-personal-slide .intro-copy{position:relative;z-index:5}.intro-personal-slide .orbit-diet{bottom:12%}
}
@media(min-width:720px){
  .intro-slide:nth-child(even) .intro-visual{order:2}.intro-slide:nth-child(even) .intro-copy{order:1}
}

/* Chashni 0.5.1 — honest subscription value and conversion journey */
.plus-value-section{margin-top:28px;padding:22px;border-radius:30px;background:radial-gradient(circle at 0 0,rgba(255,179,71,.22),transparent 34%),linear-gradient(145deg,#3f231f,#6d3026);color:#fff;box-shadow:0 22px 54px rgba(110,42,30,.18);overflow:hidden;position:relative}
.plus-value-section:after{content:"";position:absolute;left:-80px;bottom:-110px;width:240px;height:240px;border:38px solid rgba(255,255,255,.035);border-radius:50%;pointer-events:none}
.plus-value-head{max-width:680px;position:relative;z-index:1}.plus-value-head>span{display:flex;align-items:center;gap:7px;color:#ffca78;font-size:.66rem;font-weight:800}.plus-value-head svg{width:17px}.plus-value-head h2{max-width:620px;margin:7px 0 8px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.35;letter-spacing:-.03em}.plus-value-head p{max-width:640px;margin:0;color:#e7d8d3;font-size:.7rem;line-height:1.8}
.plus-outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:17px;position:relative;z-index:1}.plus-outcome-grid article{min-height:130px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:rgba(255,255,255,.065);backdrop-filter:blur(8px)}.plus-outcome-grid article>span{width:35px;height:35px;border-radius:12px;background:rgba(255,179,71,.14);color:#ffc46b;display:grid;place-items:center}.plus-outcome-grid svg{width:18px}.plus-outcome-grid b{display:block;margin-top:9px;font-size:.76rem}.plus-outcome-grid p{margin:4px 0 0;color:#d9c8c3;font-size:.61rem;line-height:1.65}
.plus-value-calculator{margin-top:10px;padding:11px 12px;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:rgba(15,7,6,.22);display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.8fr);align-items:center;gap:12px;position:relative;z-index:1}.plus-value-calculator small{display:block;color:#cdbbb5;font-size:.58rem}.frequency-options{display:flex;align-items:center;gap:5px;margin-top:6px}.frequency-options button{height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(255,255,255,.06);color:inherit;font-size:.6rem;font-weight:700;cursor:pointer}.frequency-options button.is-active{border-color:#ffb347;background:#ffb347;color:#3b231e}.value-answer{display:grid;border-right:1px solid rgba(255,255,255,.1);padding-right:12px}.value-answer b{font-size:.75rem;margin:2px 0}.value-answer span{color:#bfa9a2;font-size:.52rem}
.plus-value-cta{position:relative;z-index:1;width:100%;min-height:52px;margin-top:10px;border:0;border-radius:16px;background:linear-gradient(135deg,#ff7a2f,#ef4e31);color:#fff;padding:8px 14px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;text-align:right;cursor:pointer;box-shadow:0 13px 28px rgba(184,50,36,.3)}.plus-value-cta>span{font-size:.75rem;font-weight:800}.plus-value-cta>small{font-size:.55rem;color:#ffe1d7}.plus-value-cta>svg{grid-row:1/3;grid-column:2;width:18px}

.subscription-progress{height:7px;margin:13px 0 5px;border-radius:99px;background:#f0e4e0;overflow:hidden}.subscription-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb347,#e9552e);transition:width .35s}.subscription-progress-note{display:block;color:#8a746c;font-size:.58rem;margin-bottom:10px}.subscription-card.is-active{border-color:#efc2ad;background:linear-gradient(145deg,#fffdfa,#fff0e8)}

.plans-dialog{width:min(100% - 16px,640px);max-height:96dvh;border-radius:31px}.plans-sheet{max-height:96dvh;padding:29px 20px 22px}.plans-head{padding:0 24px}.plans-head>span{color:var(--matcha-deep)}.plans-head h2{font-size:1.55rem;line-height:1.35;margin-top:7px}.plans-head p{max-width:470px;margin:4px auto 14px;line-height:1.7}
.plan-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:9px}.plan-why>div{min-height:67px;padding:9px 7px;border:1px solid #f0ded6;border-radius:15px;background:#fff;display:flex;align-items:center;gap:7px}.plan-why svg{width:19px;flex:0 0 auto;color:var(--matcha)}.plan-why span{min-width:0;display:grid}.plan-why b{font-size:.62rem}.plan-why small{font-size:.5rem;color:#94837c}
.plan-fit{padding:12px;border-radius:18px;background:#472823;color:#fff;margin-bottom:9px}.plan-fit>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-fit>div:first-child small{color:#d3c0ba;font-size:.54rem}.plan-fit>div:first-child b{font-size:.67rem}.plan-fit .frequency-options{justify-content:center}.plan-fit>p{margin:9px 0 0;text-align:center;color:#e0cfca;font-size:.56rem;line-height:1.7}.plan-fit>p b{color:#ffca78}
.provider-choice{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:6px;margin:10px 0}.provider-choice>span{font-size:.57rem;color:#8c7b75;padding-left:3px}.provider-choice button{min-height:45px;border:1px solid #eaded9;border-radius:14px;background:#fff;color:var(--ink);display:grid;align-content:center;text-align:right;padding:5px 10px;cursor:pointer}.provider-choice button b{font-size:.64rem}.provider-choice button small{font-size:.48rem;color:#978780}.provider-choice button.is-active{border-color:var(--matcha);background:var(--matcha-pale);box-shadow:inset 0 0 0 1px var(--matcha)}
.plan-grid{display:grid;gap:9px}.plan-card{padding:15px;border-radius:21px;overflow:hidden}.plan-card.is-featured{border:2px solid var(--matcha);background:linear-gradient(145deg,#fffdfa,#fff0e8);box-shadow:0 13px 30px rgba(184,50,36,.11)}.plan-card.has-matcha{background:linear-gradient(135deg,#fff 54%,#fff2e8);border-color:#efc8b7}.plan-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.plan-card-head>div{display:grid}.plan-card-head span{color:var(--matcha);font-size:.53rem;font-weight:800}.plan-card-head h3{margin:1px 0;font-size:1.04rem}.plan-card-head p{margin:0;color:#897870;font-size:.55rem}.plan-card-head>i{position:static;padding:4px 7px;border-radius:9px;background:var(--matcha);color:#fff;font-size:.48rem;font-style:normal;white-space:nowrap}.plan-price{display:flex;align-items:baseline;gap:5px;margin-top:10px}.plan-price b{font-size:1.42rem}.plan-price span{font-size:.57rem;color:#8d7c75}.plan-economy{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:3px 0 8px;color:#8d7b74;font-size:.53rem}.plan-economy b{color:var(--ink)}.plan-saving{padding:3px 6px;border-radius:8px;background:#edf5e5;color:#547636!important;font-weight:800}.plan-matcha-mark{margin:3px 0 7px;padding:5px 7px;border-radius:11px;background:rgba(255,255,255,.7);color:#49672f}.plan-features{display:grid;gap:6px;margin:8px 0 12px;padding:0;list-style:none}.plan-features li{display:flex;align-items:center;gap:6px;color:#6f5d57;font-size:.59rem}.plan-features li svg{width:14px;color:var(--matcha)}.plan-features li:before{display:none}.plan-card>button{height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:7px}.plan-card>button svg{width:16px}.plan-card>button:disabled{opacity:.62;cursor:wait}.plan-card.is-featured>button{background:linear-gradient(135deg,#ff6e32,#e84a31);box-shadow:0 10px 22px rgba(184,50,36,.2)}
.plan-objections{display:grid;gap:5px;margin-top:12px}.plan-objections details{border:1px solid #eadfd9;border-radius:14px;background:#fff;padding:0 11px}.plan-objections summary{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;font-size:.61rem;font-weight:800;cursor:pointer}.plan-objections summary::-webkit-details-marker{display:none}.plan-objections summary svg{width:15px;transition:.2s}.plan-objections details[open] summary svg{transform:rotate(-90deg)}.plan-objections p{margin:-2px 0 10px;color:#806f69;font-size:.56rem;line-height:1.75}.payment-providers{min-height:34px;margin-top:10px;padding:7px 9px;border-radius:12px;background:#eff6e9;color:#597244}.payment-providers svg{width:15px}.payment-providers span{font-size:.54rem}.plan-legal{color:#8e7e78}
.chat-upgrade{display:block!important;width:100%;min-height:38px;margin-top:8px;border:0!important;border-radius:11px!important;background:#fff!important;color:var(--matcha-deep)!important;font-size:.6rem!important;font-weight:800;cursor:pointer}
.conversion-nudge{position:fixed;z-index:84;left:14px;right:14px;bottom:calc(14px + var(--safe-bottom));max-width:570px;margin:auto;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:21px;background:linear-gradient(135deg,#44251f,#713126);color:#fff;box-shadow:0 22px 65px rgba(45,18,14,.35);display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px}.conversion-nudge[hidden]{display:none}.conversion-nudge>button:first-child{position:absolute;top:5px;left:5px;width:25px;height:25px;border:0;background:none;color:#cdbcb6;display:grid;place-items:center;cursor:pointer}.conversion-nudge>button:first-child svg{width:14px}.conversion-nudge>span{width:40px;height:40px;border-radius:14px;background:rgba(255,179,71,.14);color:#ffc36b;display:grid;place-items:center}.conversion-nudge>span svg{width:20px}.conversion-nudge>div{display:grid}.conversion-nudge small{font-size:.49rem;color:#cbb8b2}.conversion-nudge b{font-size:.68rem}.conversion-nudge p{margin:2px 0 0;color:#d7c6c0;font-size:.52rem}.conversion-nudge>button:last-child{min-height:39px;border:0;border-radius:12px;background:#fff;color:var(--matcha-deep);padding:0 11px;font-size:.57rem;font-weight:800;cursor:pointer}

@media(max-width:719px){
  .plus-value-section{padding:18px 14px;border-radius:26px}.plus-outcome-grid{grid-template-columns:1fr}.plus-outcome-grid article{min-height:0;display:grid;grid-template-columns:36px 1fr;column-gap:9px;padding:10px}.plus-outcome-grid article>span{grid-row:1/3}.plus-outcome-grid b{margin:0}.plus-outcome-grid p{margin-top:2px}.plus-value-calculator{grid-template-columns:1fr}.value-answer{border-right:0;border-top:1px solid rgba(255,255,255,.1);padding:9px 0 0}.plus-value-calculator .frequency-options{justify-content:stretch}.plus-value-calculator .frequency-options button{flex:1}
  .plans-dialog{width:100%;max-height:100dvh;margin:auto 0 0;border-radius:28px 28px 0 0}.plans-sheet{max-height:94dvh;border-radius:28px 28px 0 0;padding:27px 14px calc(20px + var(--safe-bottom))}.plans-head{padding-inline:22px}.plans-head h2{font-size:1.3rem}.plan-why>div{display:grid;justify-items:center;text-align:center;gap:3px;padding:7px 3px}.plan-why span{justify-items:center}.plan-why b{font-size:.56rem}.plan-why small{font-size:.45rem}.provider-choice{grid-template-columns:1fr 1fr}.provider-choice>span{grid-column:1/-1}.plan-fit>div:first-child{display:grid;justify-items:center}.plan-fit .frequency-options button{flex:1}.conversion-nudge{grid-template-columns:36px minmax(0,1fr);padding:11px 11px 10px}.conversion-nudge>span{width:36px;height:36px}.conversion-nudge>button:last-child{grid-column:1/-1;width:100%}
}
@media(min-width:720px){
  .plans-dialog{width:min(100% - 40px,940px)}.plans-sheet{padding:34px 28px 26px}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.plan-card{display:flex;flex-direction:column}.plan-features{flex:1}.plus-value-calculator{grid-template-columns:minmax(0,1.15fr) minmax(230px,.85fr)}
}
.plan-card.is-pending{box-shadow:0 0 0 3px rgba(255,179,71,.25),0 13px 30px rgba(184,50,36,.11)}

/* Chashni 0.6 — cooking by appliance */
.search-modes button{min-width:0;padding-inline:5px;white-space:nowrap}
.search-modes button[aria-selected="true"]{background:#fff;color:var(--matcha-deep);box-shadow:0 3px 10px rgba(59,37,34,.07)}

.appliance-home-section,
.appliances-view,
.appliance-selector,
.appliance-discovery{min-width:0;max-width:100%}
.appliance-track button,
.appliance-group-tabs button,
.appliance-tool-grid button,
.appliance-meal-filters button,
.appliance-method-strip button,
.recipe-appliance-tabs button,
.appliance-owned-toggle{touch-action:manipulation}
.appliance-track button:focus-visible,
.appliance-group-tabs button:focus-visible,
.appliance-tool-grid button:focus-visible,
.appliance-meal-filters button:focus-visible,
.appliance-method-strip button:focus-visible,
.recipe-appliance-tabs button:focus-visible,
.appliance-owned-toggle:focus-visible,
#show-owned-appliances:focus-visible{outline:3px solid rgba(233,85,46,.38);outline-offset:3px}

/* Home appliance shelf */
.appliance-home-section{position:relative;padding:18px 14px 12px;border:1px solid #efdcd4;border-radius:29px;background:radial-gradient(circle at 7% 0,rgba(255,179,71,.15),transparent 30%),linear-gradient(145deg,#fffdfa,#fff4ed);box-shadow:var(--soft-shadow);overflow:hidden}
.appliance-home-section:before{content:"";position:absolute;left:-67px;bottom:-92px;width:190px;height:190px;border:30px solid rgba(233,85,46,.045);border-radius:50%;pointer-events:none}
.appliance-home-section>.section-heading,
.appliance-home-intro,
.appliance-track{position:relative;z-index:1}
.appliance-home-intro{min-height:56px;margin:0 1px 12px;padding:9px 11px;border:1px solid rgba(233,85,46,.1);border-radius:17px;background:rgba(255,255,255,.72);display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px}
.appliance-home-intro>span{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,var(--coral),var(--matcha));color:#fff;display:grid;place-items:center;box-shadow:0 7px 17px rgba(184,50,36,.18)}
.appliance-home-intro svg{width:18px;height:18px}
.appliance-home-intro p{min-width:0;margin:0;color:#796862;font-size:.62rem;line-height:1.65}
.appliance-track{display:flex;gap:9px;max-width:100%;padding:2px 2px 8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.appliance-track::-webkit-scrollbar{display:none}
/* Full appliance discovery view */
.appliances-view{--appliance-accent:var(--matcha);--appliance-accent-deep:var(--matcha-deep);--appliance-tint:var(--matcha-pale)}
.appliances-page-head{align-items:center}
.appliances-page-head>div{min-width:0;flex:1}
.appliance-owned-summary{min-width:70px;min-height:53px;padding:7px 10px;border:1px solid #ecd9d1;border-radius:17px;background:linear-gradient(145deg,#fff,#fff1e9);display:grid;place-items:center;align-content:center;text-align:center;box-shadow:0 7px 18px rgba(88,43,34,.06)}
.appliance-owned-summary b{font-size:.88rem;color:var(--matcha-deep);line-height:1.1}
.appliance-owned-summary small{font-size:.51rem;color:#8f7d77}
.appliance-selector,
.appliance-discovery{border:1px solid #eaded9;border-radius:27px;background:#fff;padding:16px 14px;box-shadow:var(--soft-shadow)}
.appliance-selector-head,
.appliance-discovery-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.appliance-selector-head>div,
.appliance-discovery-head>div{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px}
.appliance-selector-head>div>span,
.appliance-discovery-head>div>span{width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,var(--coral),var(--matcha));color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:800;box-shadow:0 7px 15px rgba(184,50,36,.17)}
.appliance-selector-head h2,
.appliance-discovery-head h2{margin:0;font-size:1rem;line-height:1.35}
.appliance-selector-head p,
.appliance-discovery-head p{margin:1px 0 0;color:#8c7c76;font-size:.58rem;line-height:1.55}
#show-owned-appliances{min-height:40px;flex:0 0 auto;padding:0 11px;border:1px solid #e7d9d4;border-radius:13px;background:#fff8f4;color:#8c665b;font-size:.59rem;font-weight:800;cursor:pointer;transition:.2s}
#show-owned-appliances[aria-pressed="true"],
#show-owned-appliances.is-active{border-color:var(--matcha);background:var(--matcha);color:#fff;box-shadow:0 7px 16px rgba(184,50,36,.16)}
.appliance-group-tabs,
.appliance-meal-filters,
.appliance-method-strip,
.recipe-appliance-tabs{display:flex;align-items:center;gap:7px;max-width:100%;padding:2px 1px 9px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}
.appliance-group-tabs::-webkit-scrollbar,
.appliance-meal-filters::-webkit-scrollbar,
.appliance-method-strip::-webkit-scrollbar,
.recipe-appliance-tabs::-webkit-scrollbar{display:none}
.appliance-group-tabs button,
.appliance-meal-filters button{min-height:39px;flex:0 0 auto;padding:0 12px;border:1px solid #e6deda;border-radius:13px;background:#fbf8f6;color:#746762;font-size:.62rem;font-weight:700;white-space:nowrap;scroll-snap-align:start;cursor:pointer;transition:.2s}
.appliance-group-tabs button.is-active,
.appliance-group-tabs button[aria-selected="true"],
.appliance-group-tabs button[aria-pressed="true"],
.appliance-meal-filters button.is-active,
.appliance-meal-filters button[aria-selected="true"],
.appliance-meal-filters button[aria-pressed="true"]{border-color:var(--matcha-deep);background:var(--matcha-deep);color:#fff;box-shadow:0 7px 16px rgba(108,43,33,.14)}
.appliance-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px}
/* Appliance guide */
.appliance-guide{--tool-card-accent:var(--tool,var(--matcha-deep));--tool-card-soft:var(--tool-pale,var(--matcha-pale));position:relative;isolation:isolate;min-width:0;max-width:100%;margin:13px 0;padding:17px 14px;border:1px solid #ead8d0;border-radius:28px;background:radial-gradient(circle at 10% 0,rgba(255,179,71,.18),transparent 31%),linear-gradient(145deg,#fffdfa,#fff4ee);color:var(--ink);box-shadow:0 16px 36px rgba(88,42,31,.1);overflow:hidden}
.appliance-guide:empty{display:none}
.appliance-guide:before{content:"";position:absolute;z-index:-1;left:-65px;bottom:-95px;width:210px;height:210px;border:34px solid rgba(233,85,46,.04);border-radius:50%}
/* Appliance filters and results */
.appliance-discovery{margin-top:13px}
.appliance-meal-filters{margin:0 0 6px;padding-bottom:8px}
.appliance-filter-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:11px;border:1px solid #eadfda;border-radius:19px;background:#fff9f5}
.appliance-filter-panel label{min-width:0;display:grid;gap:4px}
.appliance-filter-panel label>span{font-size:.55rem;color:#7f6e68;font-weight:700}
.appliance-filter-panel select{width:100%;min-width:0;height:43px;padding:0 9px;border:1px solid #e0d6d2;border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:.62rem;cursor:pointer}
.appliance-native-showcase{--native-accent:var(--tool,var(--coral));position:relative;isolation:isolate;margin:13px 0 15px;padding:14px 12px 11px;border:1px solid rgba(222,110,66,.24);border-radius:22px;background:radial-gradient(circle at 4% 0,rgba(255,184,91,.2),transparent 34%),linear-gradient(145deg,#fffaf5,#fff0e8);overflow:hidden}
.appliance-native-showcase[hidden]{display:none}
.appliance-native-showcase:before{content:"";position:absolute;z-index:-1;left:-60px;bottom:-105px;width:190px;height:190px;border:30px solid rgba(233,85,46,.045);border-radius:50%}
.appliance-native-showcase>header{display:flex;align-items:flex-start;justify-content:space-between;gap:11px;margin-bottom:10px}
.appliance-native-showcase>header>div{min-width:0}
.appliance-native-showcase>header span{display:block;color:var(--coral);font-size:.52rem;font-weight:850;letter-spacing:.01em}
.appliance-native-showcase>header h3{margin:2px 0 0;color:var(--ink);font-size:.91rem;line-height:1.4}
.appliance-native-showcase>header p{max-width:620px;margin:3px 0 0;color:#7c6962;font-size:.56rem;line-height:1.7}
.appliance-native-showcase>header>b{flex:0 0 auto;min-height:29px;padding:6px 9px;border:1px solid rgba(222,110,66,.2);border-radius:999px;background:#fff;color:var(--coral);font-size:.51rem;white-space:nowrap;box-shadow:0 6px 14px rgba(113,51,34,.06)}
.appliance-native-track{position:relative;display:flex;gap:9px;max-width:100%;padding:2px 1px 7px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.appliance-native-track::-webkit-scrollbar{display:none}
.appliance-native-track .recipe-card{flex:0 0 210px;scroll-snap-align:start;border-color:rgba(222,110,66,.22);box-shadow:0 10px 24px rgba(99,43,29,.1)}
.recipe-card.is-appliance-native{position:relative}
.recipe-card.is-appliance-native:before{content:"";position:absolute;z-index:3;inset:0;border:1px solid rgba(255,142,85,.2);border-radius:inherit;pointer-events:none}
.appliance-native-badge{position:absolute;z-index:4;top:9px;right:9px;max-width:calc(100% - 54px);min-height:27px;padding:5px 8px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(95,37,27,.87);color:#fff;display:inline-flex;align-items:center;gap:4px;font-size:.48rem;font-weight:850;box-shadow:0 7px 16px rgba(35,15,11,.2);backdrop-filter:blur(7px)}
.appliance-native-badge svg{width:13px;height:13px;flex:0 0 auto}
.cook-appliance-context>p{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.recipe-card.is-appliance-native .recipe-card-match{top:43px}
.appliance-card-method.is-native{border-color:color-mix(in srgb,var(--tool-card-accent) 38%,#fff);box-shadow:inset 3px 0 0 var(--tool-card-accent)}
.appliance-card-method.is-native>em{background:var(--tool-card-accent);color:#fff}
.appliance-compatible-heading{margin:17px 2px 3px;padding-top:14px;border-top:1px dashed #e3d5cf;display:flex;align-items:end;justify-content:space-between;gap:12px}
.appliance-compatible-heading>div{min-width:0}
.appliance-compatible-heading span{display:block;color:#a16c5a;font-size:.5rem;font-weight:800}
.appliance-compatible-heading h3{margin:2px 0 0;color:var(--ink);font-size:.8rem;line-height:1.45}
.appliance-compatible-heading>small{max-width:260px;color:#8d7d77;font-size:.51rem;line-height:1.6;text-align:left}
.appliance-result-summary{min-height:42px;margin:9px 1px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.appliance-result-summary span{font-size:.72rem;font-weight:800;color:var(--ink)}
.appliance-result-summary small{min-width:0;color:#978984;font-size:.53rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appliance-results{min-width:0}
.appliance-results .recipe-card{min-width:0}
.appliance-empty{min-height:290px}

/* Method context in cards and recipe detail */
.appliance-method-strip{margin:10px 0 2px;padding-bottom:8px}
.appliance-method-strip button{min-height:38px;flex:0 0 auto;padding:0 11px;border:1px solid #e3d8d4;border-radius:12px;background:#fff;color:#74645f;display:inline-flex;align-items:center;gap:6px;font-size:.59rem;font-weight:800;white-space:nowrap;scroll-snap-align:start;cursor:pointer;transition:.2s}
.appliance-method-strip button svg{width:15px;height:15px;color:var(--matcha)}
.appliance-method-strip button.is-active,
.appliance-method-strip button[aria-pressed="true"],
.appliance-method-strip button[aria-selected="true"]{border-color:var(--matcha);background:var(--matcha-pale);color:var(--matcha-deep);box-shadow:inset 0 0 0 1px var(--matcha)}
.recipe-appliance-panel{--tool-card-accent:var(--tool,var(--matcha-deep));--tool-card-soft:var(--tool-pale,var(--matcha-pale));position:relative;isolation:isolate;min-width:0;max-width:100%;margin:19px 0 5px;padding:16px 14px;border:1px solid #efcfc2;border-radius:25px;background:radial-gradient(circle at 0 0,rgba(255,179,71,.21),transparent 31%),linear-gradient(145deg,#fff9f4,#fff0e8);overflow:hidden;box-shadow:0 11px 28px rgba(111,49,36,.08)}
.recipe-appliance-panel:before{content:"";position:absolute;z-index:-1;left:-45px;bottom:-75px;width:160px;height:160px;border:25px solid rgba(233,85,46,.045);border-radius:50%}
/* Generated appliance cards, guide and recipe method details */
.appliance-home-card{
  --tool-card-accent:var(--tool,var(--matcha-deep));
  --tool-card-soft:var(--tool-pale,var(--matcha-pale));
  position:relative;
  isolation:isolate;
  flex:0 0 154px;
  min-width:0;
  min-height:156px;
  padding:0;
  border:1px solid rgba(110,60,47,.11);
  border-radius:22px;
  background:#fff;
  display:flex;
  scroll-snap-align:start;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(74,37,30,.07);
  transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease,background .23s ease;
}
.appliance-home-card:before{content:"";position:absolute;z-index:0;left:-24px;top:-30px;width:92px;height:92px;border-radius:50%;background:var(--tool-card-soft);opacity:.82;pointer-events:none}
.appliance-home-open{
  position:relative;
  z-index:1;
  width:100%;
  min-width:0;
  min-height:100%;
  padding:13px;
  border:0;
  background:transparent;
  color:inherit;
  text-align:right;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  align-content:start;
  gap:8px;
  cursor:pointer;
}
.appliance-home-card:is(:hover,:focus-within){
  border-color:color-mix(in srgb,var(--tool-card-accent) 45%,#fff);
  background:linear-gradient(150deg,#fff 36%,var(--tool-card-soft));
  transform:translateY(-2px);
  box-shadow:0 13px 27px rgba(102,49,35,.12);
}
.appliance-home-open:focus-visible,
.appliance-tool-select:focus-visible{
  outline:3px solid color-mix(in srgb,var(--tool-card-accent) 48%,transparent);
  outline-offset:-4px;
  border-radius:inherit;
}
.appliance-home-icon{
  width:47px;
  height:47px;
  margin-bottom:5px;
  border-radius:16px;
  background:var(--tool-card-soft);
  color:var(--tool-card-accent);
  display:grid;
  place-items:center;
}
.appliance-home-icon svg{width:24px;height:24px}
.appliance-home-open>span:nth-child(2){
  min-width:0;
  display:grid;
  align-content:start;
  gap:1px;
}
.appliance-home-open>span:nth-child(2) small{
  color:var(--tool-card-accent);
  font-size:.47rem;
  font-weight:760;
}
.appliance-home-open>span:nth-child(2) b{
  min-width:0;
  color:var(--ink);
  font-size:.75rem;
  line-height:1.5;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.appliance-home-open>span:nth-child(2) em{
  color:#846d66;
  font-size:.51rem;
  font-style:normal;
  line-height:1.65;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.appliance-home-open>i{
  justify-self:start;
  min-height:25px;
  padding:4px 8px;
  border-radius:999px;
  background:var(--tool-card-soft);
  color:var(--tool-card-accent);
  font-size:.48rem;
  font-style:normal;
  font-weight:800;
  display:inline-flex;
  align-items:center;
}
.appliance-home-card>.appliance-owned-toggle,
.appliance-tool-card>.appliance-owned-toggle{
  position:absolute;
  inset:8px auto auto 8px;
  z-index:2;
}

.appliance-tool-card{
  --tool-card-accent:var(--tool,var(--matcha-deep));
  --tool-card-soft:var(--tool-pale,var(--matcha-pale));
  position:relative;
  min-width:0;
  min-height:126px;
  padding:0;
  border:1px solid #e7deda;
  border-radius:20px;
  background:#fff;
  display:flex;
  overflow:hidden;
  box-shadow:0 6px 17px rgba(84,39,31,.055);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.appliance-tool-select{
  width:100%;
  min-width:0;
  min-height:100%;
  padding:12px 10px 11px;
  border:0;
  background:transparent;
  color:inherit;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  cursor:pointer;
}
.appliance-tool-select>span{
  width:45px;
  height:45px;
  margin-bottom:7px;
  border-radius:15px;
  background:var(--tool-card-soft);
  color:var(--tool-card-accent);
  display:grid;
  place-items:center;
}
.appliance-tool-select>span svg{width:23px;height:23px}
.appliance-tool-select>b{
  max-width:100%;
  color:var(--ink);
  font-size:.7rem;
  line-height:1.45;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.appliance-tool-select>small{
  max-width:100%;
  margin-top:1px;
  color:#8b746d;
  font-size:.48rem;
  line-height:1.45;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.appliance-tool-select>em{
  min-height:23px;
  margin-top:auto;
  padding:4px 7px;
  border-radius:999px;
  background:var(--tool-card-soft);
  color:var(--tool-card-accent);
  font-size:.46rem;
  font-style:normal;
  font-weight:780;
  display:inline-flex;
  align-items:center;
}
.appliance-tool-card:is(:hover,:focus-within){
  border-color:color-mix(in srgb,var(--tool-card-accent) 48%,#fff);
  box-shadow:0 11px 23px rgba(96,45,32,.11);
  transform:translateY(-1px);
}
.appliance-tool-card.is-active{
  border-color:var(--tool-card-accent);
  background:linear-gradient(155deg,#fff 18%,var(--tool-card-soft));
  box-shadow:0 0 0 2px color-mix(in srgb,var(--tool-card-accent) 16%,transparent),0 12px 25px rgba(94,43,29,.12);
}
.appliance-owned-toggle{
  width:30px;
  height:30px;
  padding:0;
  border:1px solid rgba(144,95,80,.18);
  border-radius:10px;
  background:rgba(255,255,255,.92);
  color:#91776f;
  display:grid;
  place-items:center;
  box-shadow:0 5px 12px rgba(71,37,29,.08);
  cursor:pointer;
}
.appliance-owned-toggle svg{width:14px;height:14px}
.appliance-owned-toggle[aria-pressed="true"]{
  border-color:var(--tool-card-accent,var(--matcha-deep));
  background:var(--tool-card-accent,var(--matcha-deep));
  color:#fff;
}
.appliance-owned-toggle:focus-visible{outline:3px solid rgba(210,70,43,.26);outline-offset:2px}
.appliance-owned-empty{
  grid-column:1/-1;
  min-height:176px;
  padding:22px;
  border:1px dashed #dfc7be;
  border-radius:22px;
  background:rgba(255,250,247,.72);
  text-align:center;
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
}
.appliance-owned-empty>span{
  width:48px;
  height:48px;
  margin-bottom:3px;
  border-radius:16px;
  background:var(--coral-pale);
  color:var(--coral);
  display:grid;
  place-items:center;
}
.appliance-owned-empty svg{width:24px;height:24px}
.appliance-owned-empty b{font-size:.72rem;color:var(--ink)}
.appliance-owned-empty p{max-width:330px;margin:0;color:#88736c;font-size:.57rem;line-height:1.75}

.appliance-guide-hero{
  min-width:0;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  align-items:center;
  gap:10px;
}
.appliance-guide-hero>.appliance-guide-icon{
  width:52px;
  height:52px;
  border-radius:17px;
  background:var(--tool-card-soft);
  color:var(--tool-card-accent);
  display:grid;
  place-items:center;
}
.appliance-guide-hero>.appliance-guide-icon svg{width:25px;height:25px}
.appliance-guide-hero>div{min-width:0}
.appliance-guide-hero>div small{display:block;color:var(--tool-card-accent);font-size:.5rem;font-weight:780}
.appliance-guide-hero>div h2{margin:1px 0 0;color:var(--ink);font-size:1.08rem;line-height:1.35}
.appliance-guide-hero>div p{margin:3px 0 0;color:#77655f;font-size:.58rem;line-height:1.75;overflow-wrap:anywhere}
.appliance-guide-hero>button{
  grid-column:1/-1;
  width:100%;
  min-height:43px;
  padding:8px 12px;
  border:1px solid color-mix(in srgb,var(--tool-card-accent) 32%,#fff);
  border-radius:14px;
  background:var(--tool-card-soft);
  color:var(--tool-card-accent);
  font-size:.59rem;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
}
.appliance-guide-hero>button svg{width:16px;height:16px}
.appliance-guide-hero>button[aria-pressed="true"]{background:var(--tool-card-accent);color:#fff}
.appliance-guide-hero>button:focus-visible{outline:3px solid color-mix(in srgb,var(--tool-card-accent) 36%,transparent);outline-offset:2px}
.appliance-guide-grid{
  min-width:0;
  margin-top:12px;
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.appliance-guide-grid>article{
  min-width:0;
  padding:11px;
  border:1px solid rgba(190,124,102,.16);
  border-radius:16px;
  background:rgba(255,255,255,.76);
}
.appliance-guide-grid>article>small{color:var(--tool-card-accent);font-size:.54rem;font-weight:850;display:flex;align-items:center;gap:4px}
.appliance-guide-grid>article>p{margin:5px 0 0;color:#735f58;font-size:.55rem;line-height:1.78;overflow-wrap:anywhere}
.appliance-best-tags{margin-top:7px;display:flex;flex-wrap:wrap;gap:5px}
.appliance-best-tags>span{min-height:27px;padding:4px 8px;border-radius:999px;background:var(--tool-card-soft);color:var(--tool-card-accent);font-size:.5rem;font-weight:730;display:inline-flex;align-items:center}
.appliance-guide-grid>.appliance-guide-avoid{border-color:#edd2c8;background:#fff6f2}
.appliance-guide-grid>.appliance-guide-avoid>small{color:#b95036}
.appliance-guide-grid>.appliance-guide-safety{border-color:#efd9a6;background:#fff9e9}
.appliance-guide-grid>.appliance-guide-safety>small{color:#8a6422}
.appliance-guide-safety svg{width:14px;height:14px}

.appliance-card-method{
  --tool-card-accent:var(--tool,var(--matcha-deep));
  --tool-card-soft:var(--tool-pale,var(--matcha-pale));
  min-width:0;
  margin-top:7px;
  padding:7px 8px;
  border:1px solid color-mix(in srgb,var(--tool-card-accent) 22%,#fff);
  border-radius:12px;
  background:var(--tool-card-soft);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2px 7px;
  align-items:center;
}
.appliance-card-method>span{
  min-width:0;
  color:var(--tool-card-accent);
  font-size:.5rem;
  font-weight:820;
  display:flex;
  align-items:center;
  gap:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.appliance-card-method>span svg{width:13px;height:13px;flex:0 0 auto}
.appliance-card-method>b{max-width:108px;color:var(--ink);font-size:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.appliance-card-method>small{min-width:0;color:#77655f;font-size:.46rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.appliance-card-method>em{padding:2px 5px;border-radius:999px;background:#fff;color:var(--tool-card-accent);font-size:.43rem;font-style:normal;font-weight:760}

.recipe-appliance-panel.is-adapted{
  border-color:color-mix(in srgb,var(--tool-card-accent) 27%,#fff);
  background:linear-gradient(150deg,#fff 18%,var(--tool-card-soft));
}
.recipe-appliance-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:10px;
}
.recipe-appliance-head>div{
  min-width:0;
  display:grid;
  grid-template-columns:43px minmax(0,1fr);
  align-items:center;
  gap:9px;
}
.recipe-appliance-head>div>span{
  width:43px;
  height:43px;
  border-radius:14px;
  background:var(--tool-card-soft);
  color:var(--tool-card-accent);
  display:grid;
  place-items:center;
}
.recipe-appliance-head>div>span svg{width:22px;height:22px}
.recipe-appliance-head>div>div{min-width:0}
.recipe-appliance-head small{display:block;color:var(--tool-card-accent);font-size:.49rem;font-weight:760}
.recipe-appliance-head h2{margin:1px 0 0;color:var(--ink);font-size:.91rem;line-height:1.4;overflow-wrap:anywhere}
.recipe-appliance-head>em{
  max-width:42%;
  padding:5px 8px;
  border-radius:999px;
  background:var(--tool-card-soft);
  color:var(--tool-card-accent);
  font-size:.47rem;
  font-style:normal;
  font-weight:780;
  line-height:1.45;
  text-align:center;
  overflow-wrap:anywhere;
}
.recipe-appliance-tabs button{
  --tab-accent:var(--tool,var(--matcha-deep));
  --tab-soft:var(--tool-pale,var(--matcha-pale));
  min-width:116px;
  min-height:67px;
  flex:0 0 auto;
  padding:7px 8px;
  border:1px solid color-mix(in srgb,var(--tab-accent) 20%,#fff);
  border-radius:14px;
  background:#fff;
  color:var(--ink);
  display:grid;
  grid-template-columns:31px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-content:center;
  align-items:center;
  gap:0 6px;
  text-align:right;
  font:inherit;
  white-space:nowrap;
  scroll-snap-align:start;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.recipe-appliance-tabs button>span{
  grid-row:1/3;
  width:31px;
  height:31px;
  border-radius:10px;
  background:var(--tab-soft);
  color:var(--tab-accent);
  display:grid;
  place-items:center;
}
.recipe-appliance-tabs button>span svg{width:16px;height:16px;color:inherit}
.recipe-appliance-tabs button>b{min-width:0;font-size:.57rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recipe-appliance-tabs button>small{min-width:0;color:#8b746d;font-size:.44rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recipe-appliance-tabs button:is(.is-active,[aria-pressed="true"]){
  border-color:var(--tab-accent);
  background:linear-gradient(145deg,#fff,var(--tab-soft));
  color:var(--ink);
  box-shadow:0 8px 18px color-mix(in srgb,var(--tab-accent) 15%,transparent);
}
.recipe-appliance-tabs button:is(.is-active,[aria-pressed="true"])>span{background:var(--tab-accent);color:#fff}
.recipe-appliance-tabs button:is(.is-active,[aria-pressed="true"])>small{color:var(--tab-accent)}
.recipe-appliance-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:2px}
.recipe-appliance-summary>div{min-width:0;min-height:67px;padding:9px;border:1px solid rgba(202,133,108,.18);border-radius:15px;background:rgba(255,255,255,.76);display:grid;align-content:center;gap:1px}
.recipe-appliance-summary small{font-size:.49rem;color:#957e76}
.recipe-appliance-summary b{min-width:0;color:var(--ink);font-size:.68rem;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recipe-appliance-base,
.appliance-requirements,
.appliance-checkpoint{
  min-width:0;
  margin-top:10px;
  padding:10px;
  border:1px solid rgba(198,127,103,.18);
  border-radius:15px;
  background:rgba(255,255,255,.78);
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:start;
  gap:8px;
}
.recipe-appliance-base>span,
.appliance-checkpoint>span{
  width:30px;
  height:30px;
  border-radius:10px;
  background:var(--tool-card-soft);
  color:var(--tool-card-accent);
  display:grid;
  place-items:center;
}
.recipe-appliance-base svg,
.appliance-checkpoint svg{width:15px;height:15px}
.recipe-appliance-base>div,
.appliance-requirements>div,
.appliance-checkpoint>div{min-width:0}
.recipe-appliance-base b,
.appliance-requirements b,
.appliance-checkpoint b{display:block;color:var(--ink);font-size:.59rem;line-height:1.5}
.recipe-appliance-base p,
.appliance-requirements p,
.appliance-checkpoint p{margin:2px 0 0;color:#77655f;font-size:.52rem;line-height:1.75;overflow-wrap:anywhere}
.appliance-requirements{border-color:#ecd5a7;background:#fff9e9}
.appliance-requirements>svg{width:30px;height:30px;padding:7px;border-radius:10px;background:#f5dfaa;color:#805d20}
.appliance-method-steps{display:grid;gap:7px;margin:11px 0 0;padding:10px 0 0;border-top:1px solid rgba(198,119,93,.17);list-style:none;counter-reset:none}
.appliance-method-steps li{counter-increment:none;min-width:0;padding:9px;border:1px solid #eadbd5;border-radius:15px;background:rgba(255,255,255,.78);display:grid;grid-template-columns:29px minmax(0,1fr);gap:8px;align-items:start}
.appliance-method-steps li:before{display:none}
.appliance-method-steps li>span{
  width:29px;
  height:29px;
  border-radius:10px;
  background:var(--tool-card-accent);
  color:#fff;
  font-size:.58rem;
  font-weight:850;
  display:grid;
  place-items:center;
}
.appliance-method-steps li>div{min-width:0}
.appliance-method-steps li b{display:block;margin:0;color:var(--ink);font-size:.63rem;line-height:1.45}
.appliance-method-steps li p{margin:2px 0 0;color:#7e6d67;font-size:.54rem;line-height:1.7;overflow-wrap:anywhere}
.appliance-method-steps li small{margin-top:4px;font-size:.49rem}
.appliance-method-steps li small svg{width:13px;height:13px;flex:0 0 auto}
.appliance-method-steps li>div>small{display:flex;flex-wrap:wrap;align-items:center;gap:3px;color:var(--tool-card-accent)}
.appliance-checkpoint{border-color:color-mix(in srgb,var(--tool-card-accent) 23%,#fff);background:var(--tool-card-soft)}
.appliance-checkpoint>span{background:var(--tool-card-accent);color:#fff}
.appliance-safety{min-width:0;margin-top:9px;padding:10px 11px;border:1px solid #efcf9c;border-radius:14px;background:#fff7df;color:#654f36;display:grid;grid-template-columns:25px minmax(0,1fr);align-items:start;gap:7px}
.appliance-safety>span{width:25px;height:25px;border-radius:9px;background:#f3d794;color:#80581d;display:grid;place-items:center}
.appliance-safety svg{width:14px;height:14px}
.appliance-safety>div{min-width:0}
.appliance-safety b{display:block;font-size:.58rem}
.appliance-safety p{margin:1px 0 0;color:#7c674b;font-size:.52rem;line-height:1.68;overflow-wrap:anywhere}
.appliance-method-note{
  margin:9px 0 0;
  padding:8px 10px;
  border-right:3px solid var(--tool-card-accent);
  border-radius:10px;
  background:rgba(255,255,255,.6);
  color:#765f58;
  font-size:.51rem;
  line-height:1.75;
  overflow-wrap:anywhere;
}

@media(max-width:350px){
  .search-modes button{padding-inline:2px;font-size:.67rem}
  .appliance-home-section{padding-inline:10px}
  .appliance-home-intro{grid-template-columns:32px minmax(0,1fr);padding-inline:8px}
  .appliance-home-intro>span{width:32px;height:32px}
  .appliance-home-intro p{font-size:.56rem}
  .appliance-home-card{flex-basis:143px;min-height:150px}
  .appliance-home-open{padding:10px}
  .appliance-home-open>span:nth-child(2) b{font-size:.68rem}
  .appliances-page-head{gap:8px}
  .appliance-owned-summary{min-width:59px;padding-inline:6px}
  .appliance-selector,.appliance-discovery{padding:13px 10px;border-radius:23px}
  .appliance-selector-head,.appliance-discovery-head{align-items:flex-start;gap:7px}
  .appliance-selector-head>div,.appliance-discovery-head>div{grid-template-columns:30px minmax(0,1fr);gap:7px}
  .appliance-selector-head>div>span,.appliance-discovery-head>div>span{width:30px;height:30px}
  .appliance-selector-head h2,.appliance-discovery-head h2{font-size:.88rem}
  .appliance-selector-head p,.appliance-discovery-head p{font-size:.51rem}
  #show-owned-appliances{min-height:36px;padding-inline:7px;font-size:.52rem}
  .appliance-group-tabs button,.appliance-meal-filters button{min-height:37px;padding-inline:9px;font-size:.57rem}
  .appliance-tool-grid{gap:6px}
  .appliance-tool-card{min-height:119px}
  .appliance-tool-select{padding:9px 6px}
  .appliance-tool-select>span{width:38px;height:38px;border-radius:13px}
  .appliance-tool-select>span svg{width:20px;height:20px}
  .appliance-filter-panel{grid-template-columns:1fr;padding:9px}
  .appliance-native-showcase{padding:12px 9px 9px;border-radius:19px}
  .appliance-native-showcase>header{display:grid;gap:7px}
  .appliance-native-showcase>header>b{justify-self:start}
  .appliance-native-track .recipe-card{flex-basis:188px}
  .appliance-compatible-heading{align-items:flex-start;flex-direction:column;gap:3px}
  .appliance-compatible-heading>small{text-align:right}
  .appliance-result-summary{align-items:flex-start;flex-direction:column;gap:1px}
  .appliance-result-summary small{text-align:right;white-space:normal}
  .appliance-guide{padding:14px 11px}
  .appliance-guide-hero{grid-template-columns:44px minmax(0,1fr);gap:8px}
  .appliance-guide-hero>.appliance-guide-icon{width:44px;height:44px;border-radius:14px}
  .appliance-guide-hero>div h2{font-size:.95rem}
  .recipe-appliance-panel{padding:13px 10px;border-radius:21px}
  .recipe-appliance-head{align-items:flex-start;flex-direction:column}
  .recipe-appliance-head>em{max-width:100%;align-self:flex-start}
  .recipe-appliance-tabs button{min-width:108px;padding-inline:6px}
  .recipe-appliance-summary{gap:5px}
  .recipe-appliance-summary>div{padding:7px}
  .appliance-card-method{grid-template-columns:minmax(0,1fr);gap:2px}
  .appliance-card-method>b{max-width:100%}
  .appliance-card-method>em{justify-self:start}
  .appliance-method-steps li{padding:7px;grid-template-columns:27px minmax(0,1fr);gap:6px}
  .appliance-method-steps li>span{width:27px;height:27px}
}

@media(min-width:351px) and (max-width:719px){
  .appliance-home-open{padding:12px}
  .appliance-selector-head p{max-width:220px}
  .appliance-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .appliance-guide-grid>article:first-child{grid-column:1/-1}
}

@media(min-width:720px){
  .search-modes button{font-size:.77rem}
  .appliance-home-section{padding:21px 18px 14px}
  .appliance-home-intro{max-width:650px}
  .appliance-home-card{flex-basis:185px;min-height:168px}
  .appliance-home-open{padding:15px}
  .appliances-page-head,.appliance-selector,.appliance-guide,.appliance-discovery{max-width:1120px;margin-inline:auto}
  .appliance-selector,.appliance-discovery{padding:20px}
  .appliance-selector-head h2,.appliance-discovery-head h2{font-size:1.13rem}
  .appliance-selector-head p,.appliance-discovery-head p{font-size:.63rem}
  .appliance-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .appliance-tool-card{min-height:137px}
  .appliance-tool-select>b{font-size:.76rem}
  .appliance-guide{padding:22px}
  .appliance-guide-hero{grid-template-columns:61px minmax(0,1fr) auto;gap:13px}
  .appliance-guide-hero>.appliance-guide-icon{width:61px;height:61px;border-radius:20px}
  .appliance-guide-hero>div h2{font-size:1.34rem}
  .appliance-guide-hero>div p{font-size:.67rem}
  .appliance-guide-hero>button{grid-column:auto;width:auto;min-width:145px}
  .appliance-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .appliance-filter-panel{grid-template-columns:repeat(4,minmax(0,1fr));padding:13px}
  .appliance-filter-panel select{height:46px}
  .appliance-native-showcase{padding:17px 15px 12px}
  .appliance-native-showcase>header h3{font-size:1.02rem}
  .appliance-native-track .recipe-card{flex-basis:238px}
  .appliance-result-summary{margin-top:11px}
  .recipe-appliance-panel{padding:20px;border-radius:28px}
  .recipe-appliance-head>div{grid-template-columns:50px minmax(0,1fr)}
  .recipe-appliance-head>div>span{width:50px;height:50px;border-radius:17px}
  .recipe-appliance-head h2{font-size:1.08rem}
  .recipe-appliance-head>em{max-width:280px}
  .recipe-appliance-tabs button{min-width:145px;min-height:72px;grid-template-columns:36px minmax(0,1fr)}
  .recipe-appliance-tabs button>span{width:36px;height:36px;border-radius:12px}
  .recipe-appliance-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
  .appliance-method-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(min-width:1080px){
  .appliance-home-section{padding:24px 21px 16px}
  .appliance-track{gap:11px}
  .appliance-home-card{flex-basis:195px}
  .appliances-view{max-width:1240px;margin-inline:auto}
  .appliances-page-head,.appliance-selector,.appliance-guide,.appliance-discovery{max-width:none}
  .appliance-tool-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
  .appliance-tool-card{min-height:146px}
  .appliance-guide-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .appliance-guide-grid>article{min-height:121px}
  .appliance-discovery{padding:23px}
  .appliance-results{gap:13px}
  .recipe-appliance-panel{padding:22px}
}

@media(forced-colors:active){
  .appliance-home-card:focus-within,.appliance-tool-card:focus-within,.appliance-owned-toggle:focus-visible,.appliance-guide-hero>button:focus-visible,.appliance-group-tabs button[aria-selected="true"],.appliance-meal-filters button[aria-pressed="true"],#show-owned-appliances[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:2px}
  .appliance-home-card.is-owned,.appliance-tool-card.is-owned,.appliance-tool-card.is-active,.recipe-appliance-tabs button[aria-pressed="true"]{border:2px solid Highlight}
  .appliance-guide,.recipe-appliance-panel,.appliance-selector,.appliance-discovery{border:1px solid CanvasText}
}

/* Professional dessert experience */
.category-card.is-dessert{position:relative;border-color:#e8b7a7;background:linear-gradient(155deg,#fff8ef,#fff0e8);box-shadow:0 10px 26px rgba(157,55,48,.11)}
.category-card.is-dessert:after{content:"";position:absolute;inset:7px;border:1px dashed rgba(139,62,86,.18);border-radius:inherit;pointer-events:none}
.category-card.is-dessert .category-icon{background:#8b3e56!important;color:#fff!important;box-shadow:0 7px 18px rgba(139,62,86,.22)}
.category-card.is-dessert small{position:relative;z-index:1;color:#a64a39;font-size:.5rem;font-weight:800}

.dessert-home-section{position:relative;margin-top:18px;padding:12px;border:1px solid #efcbbd;border-radius:30px;background:radial-gradient(circle at 5% 0,rgba(246,166,35,.17),transparent 30%),linear-gradient(145deg,#fffaf2,#fff0e9 66%,#f8e7ec);box-shadow:0 16px 40px rgba(139,62,86,.09);overflow:hidden}
.dessert-home-section:before{content:"";position:absolute;left:-65px;top:-80px;width:180px;height:180px;border:30px solid rgba(139,62,86,.05);border-radius:50%}
.dessert-home-hero{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;padding:15px 10px 16px}
.dessert-home-art{width:82px;height:102px;position:relative;display:grid;place-items:center}
.dessert-home-art:before{content:"";position:absolute;inset:5px 3px 12px;border-radius:42px 42px 26px 26px;background:linear-gradient(150deg,#8b3e56,#b94c4a);box-shadow:0 16px 25px rgba(139,62,86,.24);transform:rotate(-4deg)}
.dessert-home-art>b{position:absolute;left:-2px;bottom:1px;min-width:36px;height:36px;padding:0 7px;border:4px solid #fff6ef;border-radius:14px;background:#f6a623;color:#4b2b20;display:grid;place-items:center;font-size:.8rem;box-shadow:0 7px 15px rgba(127,70,32,.18)}
.dessert-home-cake{position:relative;width:48px;height:48px;display:grid;align-content:end;z-index:1}
.dessert-home-cake i{display:block;height:11px;border-radius:6px 6px 4px 4px;background:#fff6e6;border-bottom:2px solid #efc3aa;transform:skewX(-5deg)}
.dessert-home-cake i:nth-child(1){width:30px;margin:auto;background:#ffd79b}.dessert-home-cake i:nth-child(2){width:39px;margin:auto}.dessert-home-cake i:nth-child(3){width:48px;background:#ffd2c4}
.dessert-home-copy{position:relative;min-width:0}
.dessert-home-copy>small{color:#a74837;font-size:.58rem;font-weight:800;letter-spacing:.02em}
.dessert-home-copy h2{margin:3px 0 5px;font-size:1.03rem;line-height:1.35;letter-spacing:-.025em}
.dessert-home-copy p{margin:0;color:#786159;font-size:.57rem;line-height:1.8}
.dessert-home-copy>div{display:flex;gap:4px;overflow-x:auto;margin-top:8px;padding-bottom:2px;scrollbar-width:none}.dessert-home-copy>div::-webkit-scrollbar{display:none}
.dessert-home-copy>div span{flex:0 0 auto;padding:4px 7px;border:1px solid rgba(139,62,86,.13);border-radius:999px;background:rgba(255,255,255,.62);color:#714457;font-size:.48rem;font-weight:700}
.dessert-home-copy>button{min-height:36px;margin-top:10px;padding:0 12px;border:0;border-radius:12px;background:#8b3e56;color:#fff;display:inline-flex;align-items:center;gap:5px;font-size:.6rem;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(139,62,86,.19)}
.dessert-home-copy>button svg{width:15px;height:15px;transform:scaleX(-1)}
.dessert-home-heading{position:relative;display:flex;align-items:end;justify-content:space-between;gap:10px;padding:9px 5px 8px;border-top:1px solid rgba(139,62,86,.1)}
.dessert-home-heading>div{display:grid}.dessert-home-heading span{color:#9c7b70;font-size:.5rem}.dessert-home-heading b{font-size:.72rem}.dessert-home-heading button{border:0;background:none;color:#8b3e56;font-size:.58rem;font-weight:800;cursor:pointer}
.dessert-home-track{position:relative;margin:0 -2px;padding:2px 2px 8px}

.dessert-view{--dessert-ink:#47242d;--dessert-plum:#8b3e56;--dessert-coral:#df6047;--dessert-gold:#f0a52f;position:relative;color:var(--dessert-ink)}
.dessert-view:before{content:"";position:fixed;z-index:-1;inset:76px 0 0;background:radial-gradient(circle at 8% 8%,rgba(246,166,35,.12),transparent 26%),radial-gradient(circle at 94% 27%,rgba(139,62,86,.09),transparent 28%),#fff9f4;pointer-events:none}
.dessert-page-head{max-width:1180px;margin-inline:auto;border-bottom-color:#efd7ce}
.dessert-page-head>div small{color:var(--dessert-coral)}
.dessert-page-seal{min-width:67px;min-height:58px;padding:6px 8px;border:1px solid #eccbbc;border-radius:18px;background:linear-gradient(145deg,#fff,#fff0e9);display:grid;grid-template-columns:22px auto;align-items:center;justify-content:center;column-gap:4px;box-shadow:0 8px 22px rgba(139,62,86,.09)}
.dessert-page-seal svg{width:21px;color:var(--dessert-plum)}.dessert-page-seal b{font-size:.9rem}.dessert-page-seal small{grid-column:1/-1;color:#8c6d63;font-size:.48rem;text-align:center}
.dessert-hero,.dessert-occasions,.dessert-library,.dessert-lab{max-width:1180px;margin-inline:auto}
.dessert-hero{position:relative;margin-top:10px;padding:22px 17px;border:1px solid #e8c9bd;border-radius:30px;background:radial-gradient(circle at 14% -20%,rgba(246,166,35,.24),transparent 35%),linear-gradient(140deg,#fff8e9,#fff0e8 52%,#f5e5eb);overflow:hidden;isolation:isolate;box-shadow:0 22px 52px rgba(139,62,86,.11)}
.dessert-hero:before{content:"";position:absolute;z-index:-1;width:220px;height:220px;left:-105px;bottom:-130px;border:34px solid rgba(139,62,86,.06);border-radius:50%}
.dessert-kicker{display:flex;align-items:center;gap:6px;color:#a44335;font-size:.58rem;font-weight:800}.dessert-kicker i{width:7px;height:7px;border-radius:50%;background:#f0a52f;box-shadow:0 0 0 4px rgba(240,165,47,.15)}
.dessert-hero-copy{position:relative;z-index:2}.dessert-hero-copy h2{max-width:620px;margin:9px 0 7px;font-size:clamp(1.55rem,6vw,3.2rem);line-height:1.15;letter-spacing:-.045em;text-wrap:balance}.dessert-hero-copy h2 em{color:var(--dessert-plum);font-style:normal}.dessert-hero-copy>p{max-width:620px;margin:0;color:#725c57;font-size:.66rem;line-height:1.85}
.dessert-search{height:53px;max-width:590px;margin-top:16px;padding:5px 7px 5px 5px;border:1px solid #e0cfc9;border-radius:18px;background:#fff;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:5px;box-shadow:0 10px 26px rgba(85,45,47,.09)}
.dessert-search>svg{width:18px;color:#a59189}.dessert-search input{min-width:0;border:0;background:none;color:var(--dessert-ink);font-size:.66rem}.dessert-search input::placeholder{color:#a6958f}.dessert-search button{height:41px;padding:0 12px;border:0;border-radius:13px;background:var(--dessert-plum);color:#fff;font-size:.61rem;font-weight:800;cursor:pointer}
.dessert-hero-stats{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.dessert-hero-stats>span{min-width:77px;padding:7px 9px;border:1px solid rgba(139,62,86,.12);border-radius:13px;background:rgba(255,255,255,.66);display:grid}.dessert-hero-stats b{font-size:.78rem;color:var(--dessert-plum)}.dessert-hero-stats small{font-size:.46rem;color:#7e6a64}
.dessert-hero-visual{display:none}

.dessert-section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.dessert-section-head>div{display:grid}.dessert-section-head small{color:var(--dessert-coral);font-size:.55rem;font-weight:800}.dessert-section-head h2{margin:2px 0 0;font-size:1.08rem;letter-spacing:-.025em}.dessert-section-head>p{max-width:300px;margin:0;color:#89756e;font-size:.52rem;text-align:left}.dessert-section-head>button{border:0;background:none;color:var(--dessert-plum);font-size:.56rem;font-weight:800;cursor:pointer}
.dessert-occasions{margin-top:24px}.dessert-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.dessert-preset-grid>button{position:relative;min-width:0;min-height:92px;padding:10px;border:1px solid #edd9d1;border-radius:20px;background:#fff;display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:7px;text-align:right;cursor:pointer;box-shadow:0 7px 20px rgba(102,52,47,.06);transition:.2s ease}.dessert-preset-grid>button:hover{transform:translateY(-2px);border-color:#d9a799;box-shadow:0 12px 28px rgba(139,62,86,.12)}
.dessert-preset-grid>button>span{width:35px;height:35px;border-radius:13px;background:#fff0e4;color:#bd513d;display:grid;place-items:center}.dessert-preset-grid>button:nth-child(2)>span{background:#e9eff7;color:#667a9b}.dessert-preset-grid>button:nth-child(3)>span{background:#f4e7ee;color:#8b3e56}.dessert-preset-grid>button:nth-child(4)>span{background:#fff3d8;color:#a86d1f}.dessert-preset-grid svg{width:18px}.dessert-preset-grid>button>div{min-width:0;display:grid}.dessert-preset-grid b{font-size:.67rem}.dessert-preset-grid small{margin-top:2px;color:#8c7a73;font-size:.48rem;line-height:1.55}.dessert-preset-grid em{grid-column:1/-1;justify-self:start;padding:3px 7px;border-radius:999px;background:#f8f0ed;color:#9a655a;font-size:.44rem;font-style:normal;font-weight:800}

.dessert-library{margin-top:24px;padding:15px 10px 20px;border:1px solid #eddad3;border-radius:28px;background:rgba(255,255,255,.76);box-shadow:0 14px 38px rgba(84,45,42,.06)}
.dessert-kind-filters,.dessert-method-filters,.dessert-style-filters{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 7px;scrollbar-width:none;scroll-snap-type:x proximity}.dessert-kind-filters::-webkit-scrollbar,.dessert-method-filters::-webkit-scrollbar,.dessert-style-filters::-webkit-scrollbar{display:none}
.dessert-kind-filters button,.dessert-style-filters button{min-height:38px;flex:0 0 auto;padding:0 12px;border:1px solid #e6d9d5;border-radius:13px;background:#fff;color:#74625d;font-size:.57rem;font-weight:700;cursor:pointer;scroll-snap-align:start}.dessert-kind-filters button.is-active,.dessert-style-filters button.is-active{border-color:var(--dessert-plum);background:var(--dessert-plum);color:#fff;box-shadow:0 6px 15px rgba(139,62,86,.18)}
.dessert-filter-block{margin-top:10px}.dessert-filter-block>span{display:block;margin:0 3px 5px;color:#8d7770;font-size:.5rem;font-weight:700}
.dessert-method-filters button{min-width:104px;min-height:46px;flex:0 0 auto;padding:6px 10px;border:1px solid #e6d9d5;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#685650;font-size:.57rem;font-weight:700;cursor:pointer;scroll-snap-align:start}.dessert-method-filters button small{min-width:25px;height:25px;padding:0 5px;border-radius:9px;background:#f5ece8;color:#9e6358;display:grid;place-items:center;font-size:.48rem}.dessert-method-filters button.is-active{border-color:#d68a74;background:#fff2ec;color:#9f3f32}.dessert-method-filters button.is-active small{background:#d95d45;color:#fff}
.dessert-filter-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px;padding:9px;border:1px solid #eadbd5;border-radius:18px;background:#faf6f3}.dessert-filter-panel label{min-width:0;display:grid;gap:4px}.dessert-filter-panel label>span{padding-right:3px;color:#8b7770;font-size:.48rem}.dessert-filter-panel select{width:100%;height:42px;padding:0 9px;border:1px solid #e2d6d1;border-radius:12px;background:#fff;color:#5e4b45;font-family:inherit;font-size:.56rem;outline:0}
.dessert-result-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 2px 8px}.dessert-result-summary span{font-size:.67rem;font-weight:800}.dessert-result-summary small{color:#8d7a74;font-size:.48rem;text-align:left}
.dessert-results{align-items:stretch}.dessert-recipe-card{border-color:color-mix(in srgb,var(--dessert) 22%,#e9ddd8);background:linear-gradient(180deg,#fff,var(--dessert-soft));box-shadow:0 10px 28px rgba(80,41,44,.08)}.dessert-recipe-card:focus-within{border-color:var(--dessert);box-shadow:0 15px 32px color-mix(in srgb,var(--dessert) 18%,transparent)}
.dessert-recipe-card .recipe-card-copy>span{color:var(--dessert);font-weight:800}.dessert-recipe-card .recipe-card-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 63%,color-mix(in srgb,var(--dessert) 18%,transparent))}
.dessert-card-profile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:8px}.dessert-card-profile>span{min-width:0;padding:6px 4px;border:1px solid color-mix(in srgb,var(--dessert) 15%,#eaded8);border-radius:10px;background:rgba(255,255,255,.64);display:grid;place-items:center;gap:2px;text-align:center}.dessert-card-profile svg{width:13px;height:13px;color:var(--dessert)}.dessert-card-profile b{max-width:100%;font-size:.46rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dessert-card-signature{min-height:34px;margin:6px 0 0;color:#705d58;font-size:.48rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dessert-empty{margin-top:12px}.dessert-empty>span{background:#f4e8ed;color:var(--dessert-plum)}

.dessert-lab{margin-top:24px;padding:17px 11px;border:1px solid #ead1c7;border-radius:30px;background:radial-gradient(circle at 100% 0,rgba(246,166,35,.15),transparent 25%),linear-gradient(145deg,#fff9ef,#fff);box-shadow:0 16px 40px rgba(88,49,42,.07)}
.dessert-principles{display:grid;gap:7px}.dessert-principles article{position:relative;min-width:0;padding:11px 9px;border:1px solid #eadbd5;border-radius:18px;background:rgba(255,255,255,.82);display:grid;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;gap:8px}.dessert-principles article>span{width:38px;height:38px;border-radius:13px;background:#fff0e4;color:#c05a40;display:grid;place-items:center}.dessert-principles article:nth-child(2)>span{background:#f4e5ea;color:#8b3e56}.dessert-principles article:nth-child(3)>span{background:#fff2d3;color:#9f6b1f}.dessert-principles svg{width:19px}.dessert-principles b{display:block;font-size:.65rem}.dessert-principles p{margin:2px 0 0;color:#806d66;font-size:.49rem;line-height:1.65}.dessert-principles em{color:#d7c2ba;font-size:.7rem;font-style:normal;font-weight:800}
.dessert-pro-tools{display:grid;gap:8px;margin-top:10px}.dessert-pan-calculator,.dessert-rescue-guide{min-width:0;padding:12px 10px;border:1px solid #e8d9d3;border-radius:21px;background:#fff}.dessert-pan-calculator header,.dessert-rescue-guide header{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px}.dessert-pan-calculator header>span,.dessert-rescue-guide header>span{width:40px;height:40px;border-radius:14px;background:#f5e5eb;color:#8b3e56;display:grid;place-items:center}.dessert-rescue-guide header>span{background:#fff0df;color:#bd5a3e}.dessert-pan-calculator header svg,.dessert-rescue-guide header svg{width:20px}.dessert-pan-calculator header small,.dessert-rescue-guide header small{color:#a06458;font-size:.48rem}.dessert-pan-calculator h3,.dessert-rescue-guide h3{margin:1px 0 0;font-size:.72rem;line-height:1.45}
.dessert-pan-controls{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:end;gap:5px;margin-top:12px}.dessert-pan-controls>svg{width:15px;margin-bottom:13px;color:#ac8b81;transform:scaleX(-1)}.dessert-pan-controls label{display:grid;gap:4px}.dessert-pan-controls label span{color:#8b7770;font-size:.47rem}.dessert-pan-controls select{min-width:0;height:40px;padding:0 7px;border:1px solid #e2d5d0;border-radius:11px;background:#fffaf7;font-family:inherit;font-size:.55rem}
.dessert-pan-output{margin-top:9px;padding:10px;border-radius:15px;background:linear-gradient(135deg,#8b3e56,#a74f5c);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px}.dessert-pan-output small{font-size:.47rem;color:#f3dfe5}.dessert-pan-output b{grid-row:1/3;grid-column:2;font-size:1.05rem}.dessert-pan-output span{font-size:.52rem}.dessert-pan-output p{grid-column:1/-1;margin:5px 0 0;padding-top:6px;border-top:1px solid rgba(255,255,255,.15);color:#f6e8eb;font-size:.46rem;line-height:1.6}
.dessert-rescue-guide details{border-bottom:1px solid #eee2de}.dessert-rescue-guide details:last-child{border:0}.dessert-rescue-guide summary{min-height:41px;display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;color:#5d4b46;font-size:.55rem;font-weight:700;list-style:none}.dessert-rescue-guide summary::-webkit-details-marker{display:none}.dessert-rescue-guide summary svg{width:14px;transition:.2s}.dessert-rescue-guide details[open] summary svg{transform:rotate(90deg)}.dessert-rescue-guide details p{margin:-2px 0 9px;padding-left:12px;color:#806e68;font-size:.49rem;line-height:1.75}
.dessert-party-assistant{margin-top:10px;padding:13px 11px;border:1px solid #cb8290;border-radius:22px;background:radial-gradient(circle at 0 0,rgba(246,166,35,.22),transparent 28%),linear-gradient(135deg,#6f3147,#9b465b);color:#fff;display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;box-shadow:0 16px 32px rgba(111,49,71,.2)}.dessert-party-assistant>span{width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.13);display:grid;place-items:center}.dessert-party-assistant svg{width:20px}.dessert-party-assistant small{color:#f5dbe1;font-size:.48rem}.dessert-party-assistant h3{margin:2px 0;font-size:.77rem;line-height:1.55}.dessert-party-assistant p{margin:0;color:#f1dfe4;font-size:.49rem;line-height:1.65}.dessert-party-assistant button{grid-column:1/-1;min-height:41px;border:0;border-radius:13px;background:#fff2d3;color:#6f3147;font-size:.6rem;font-weight:800;cursor:pointer}

.dessert-technique-panel{margin:15px 0;padding:13px 10px;border:1px solid color-mix(in srgb,var(--dessert) 28%,#e8ddd8);border-radius:24px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--dessert) 13%,transparent),transparent 30%),linear-gradient(145deg,#fff,var(--dessert-soft));box-shadow:0 13px 32px color-mix(in srgb,var(--dessert) 11%,transparent)}
.dessert-technique-head{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:8px}.dessert-technique-head>span{width:42px;height:42px;border-radius:14px;background:var(--dessert);color:#fff;display:grid;place-items:center}.dessert-technique-head>span svg{width:21px}.dessert-technique-head small{color:var(--dessert);font-size:.48rem;font-weight:800}.dessert-technique-head h2{margin:1px 0;font-size:.77rem}.dessert-technique-head p{margin:0;color:#78645e;font-size:.49rem;line-height:1.65}.dessert-technique-head>em{grid-column:1/-1;justify-self:start;padding:4px 9px;border-radius:999px;background:var(--dessert);color:#fff;font-size:.48rem;font-style:normal;font-weight:800}
.dessert-technique-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.dessert-technique-metrics>div{min-width:0;padding:8px;border:1px solid color-mix(in srgb,var(--dessert) 14%,#eaded9);border-radius:13px;background:rgba(255,255,255,.68);display:grid}.dessert-technique-metrics>div:last-child{grid-column:1/-1}.dessert-technique-metrics small{color:#8c7770;font-size:.45rem}.dessert-technique-metrics b{margin-top:2px;font-size:.56rem;line-height:1.45;overflow-wrap:anywhere}
.dessert-technique-grid{display:grid;gap:6px;margin-top:7px}.dessert-technique-grid article,.dessert-storage-note{min-width:0;padding:9px;border:1px solid color-mix(in srgb,var(--dessert) 14%,#eaded9);border-radius:15px;background:rgba(255,255,255,.72);display:grid;grid-template-columns:31px minmax(0,1fr);align-items:start;gap:7px}.dessert-technique-grid article>span,.dessert-storage-note>svg{width:31px;height:31px;padding:7px;border-radius:10px;background:#e8f1df;color:#53723e}.dessert-technique-grid .dessert-pitfall>span{background:#fff0df;color:#a85f2e}.dessert-technique-grid .dessert-rescue>span{background:#f4e5eb;color:#8b3e56}.dessert-technique-grid b,.dessert-storage-note b{display:block;font-size:.55rem}.dessert-technique-grid p,.dessert-storage-note p{margin:2px 0 0;color:#796660;font-size:.48rem;line-height:1.7}.dessert-storage-note{margin-top:7px}.dessert-storage-note>svg{background:#e8eff7;color:#5d7697}

@media(max-width:350px){
  .dessert-home-hero{grid-template-columns:68px minmax(0,1fr);padding-inline:5px}.dessert-home-art{width:65px;transform:scale(.88)}.dessert-home-copy h2{font-size:.86rem}.dessert-home-copy p{font-size:.51rem}.dessert-home-copy>button{padding-inline:9px}
  .dessert-hero{padding:18px 12px}.dessert-hero-copy h2{font-size:1.42rem}.dessert-search{grid-template-columns:20px minmax(0,1fr);height:auto;padding:7px}.dessert-search button{grid-column:1/-1;width:100%}.dessert-preset-grid{grid-template-columns:1fr}.dessert-filter-panel{grid-template-columns:1fr}.dessert-result-summary{align-items:flex-start;flex-direction:column;gap:2px}.dessert-result-summary small{text-align:right}.dessert-principles article{grid-template-columns:34px minmax(0,1fr);padding-inline:7px}.dessert-principles article>span{width:34px;height:34px}.dessert-principles em{display:none}.dessert-technique-metrics{grid-template-columns:1fr}.dessert-technique-metrics>div:last-child{grid-column:auto}
}

@media(min-width:720px){
  .dessert-home-section{padding:17px}.dessert-home-hero{grid-template-columns:132px minmax(0,1fr);gap:22px;padding:20px 18px}.dessert-home-art{width:125px;height:135px;transform:scale(1.18)}.dessert-home-copy h2{font-size:1.45rem}.dessert-home-copy p{max-width:720px;font-size:.65rem}.dessert-home-copy>div span{font-size:.54rem}.dessert-home-copy>button{min-height:41px;font-size:.68rem}.dessert-home-heading{padding:12px 8px 9px}
  .dessert-hero{padding:34px 30px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:22px}.dessert-hero-copy>p{font-size:.74rem}.dessert-search input{font-size:.7rem}.dessert-hero-visual{min-height:260px;display:block;position:relative}.dessert-visual-plate{position:absolute;left:50%;top:50%;width:190px;height:190px;border:18px solid #fff;border-radius:50%;background:radial-gradient(circle at 52% 45%,#f8d09e,#e9a262 64%,#cb6d4f 65%,#9c4656 74%);box-shadow:0 24px 44px rgba(95,45,56,.19);transform:translate(-50%,-50%)}.dessert-visual-plate:before{content:"";position:absolute;inset:31px;border-radius:48% 52% 48% 50%;background:#fff1d1;box-shadow:inset -13px -12px 0 #df9a68}.dessert-slice{position:absolute;z-index:2;left:61px;top:43px;width:78px;height:77px;border-radius:48% 52% 46% 50%;background:repeating-linear-gradient(180deg,#fff3da 0 17px,#c86b59 18px 23px);box-shadow:0 8px 12px rgba(83,43,40,.16)}.dessert-slice:after{content:"";position:absolute;inset:-5px 5px auto;height:13px;border-radius:50%;background:#fff8e7}.dessert-berry{position:absolute;z-index:3;width:15px;height:15px;border-radius:50%;background:#8b3e56;box-shadow:inset 3px 3px 0 rgba(255,255,255,.18)}.dessert-berry.one{left:94px;top:38px}.dessert-berry.two{left:115px;top:45px;transform:scale(.75)}.dessert-visual-card{position:absolute;min-width:125px;padding:9px;border:1px solid rgba(139,62,86,.13);border-radius:15px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);display:grid;grid-template-columns:28px 1fr;align-items:center;gap:2px 6px;box-shadow:0 11px 26px rgba(84,43,50,.12)}.dessert-visual-card svg{grid-row:1/3;width:28px;height:28px;padding:6px;border-radius:9px;background:#f5e5eb;color:#8b3e56}.dessert-visual-card b{font-size:.59rem}.dessert-visual-card small{font-size:.46rem;color:#88746e}.dessert-visual-card.card-time{right:0;top:24px}.dessert-visual-card.card-texture{left:0;top:110px}.dessert-visual-card.card-rescue{right:6px;bottom:12px}.dessert-hero-stats>span{min-width:92px}
  .dessert-section-head h2{font-size:1.3rem}.dessert-occasions{margin-top:32px}.dessert-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dessert-preset-grid>button{min-height:122px;padding:13px;grid-template-columns:42px minmax(0,1fr)}.dessert-preset-grid>button>span{width:42px;height:42px}.dessert-preset-grid b{font-size:.73rem}.dessert-preset-grid small{font-size:.52rem}
  .dessert-library{margin-top:32px;padding:21px 18px 26px}.dessert-kind-filters button,.dessert-style-filters button{min-height:42px;padding-inline:15px;font-size:.63rem}.dessert-method-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.dessert-method-filters button{min-width:0;width:100%}.dessert-filter-panel{grid-template-columns:repeat(4,minmax(0,1fr));padding:12px}.dessert-filter-panel select{height:45px}.dessert-result-summary{margin-top:16px}
  .dessert-lab{margin-top:32px;padding:22px 18px}.dessert-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dessert-principles article{min-height:107px;grid-template-columns:44px minmax(0,1fr) 25px}.dessert-principles article>span{width:44px;height:44px}.dessert-principles b{font-size:.7rem}.dessert-principles p{font-size:.52rem}.dessert-pro-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.dessert-pan-calculator,.dessert-rescue-guide{padding:16px}.dessert-party-assistant{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;padding:17px}.dessert-party-assistant>span{width:48px;height:48px}.dessert-party-assistant h3{font-size:.84rem}.dessert-party-assistant button{grid-column:auto;min-width:165px;padding-inline:15px}
  .dessert-technique-panel{padding:18px}.dessert-technique-head{grid-template-columns:50px minmax(0,1fr) auto;align-items:center}.dessert-technique-head>span{width:50px;height:50px;border-radius:17px}.dessert-technique-head>em{grid-column:auto;grid-row:1}.dessert-technique-head h2{font-size:.9rem}.dessert-technique-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.dessert-technique-metrics>div:last-child{grid-column:auto}.dessert-technique-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(min-width:1080px){
  .dessert-view{max-width:1280px;margin-inline:auto}.dessert-hero{padding:42px 40px;grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr)}.dessert-hero-visual{min-height:300px}.dessert-visual-plate{width:220px;height:220px}.dessert-slice{left:72px;top:50px;width:88px;height:87px}.dessert-berry.one{left:110px;top:44px}.dessert-berry.two{left:134px;top:51px}.dessert-library{padding:24px}.dessert-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.dessert-lab{padding:26px 23px}.dessert-technique-panel{padding:21px;border-radius:29px}
}

@media(forced-colors:active){
  .category-card.is-dessert,.dessert-home-section,.dessert-hero,.dessert-library,.dessert-lab,.dessert-preset-grid>button,.dessert-recipe-card,.dessert-technique-panel{border:1px solid CanvasText}
  .dessert-kind-filters button.is-active,.dessert-style-filters button.is-active,.dessert-method-filters button.is-active{border:2px solid Highlight}
  .dessert-search button,.dessert-party-assistant button,.dessert-home-copy>button{outline:1px solid ButtonText}
}