.rx-index,.rx-page{--rx-pad:clamp(16px, 4vw, 48px);--rx-ease:cubic-bezier(.22, 1, .36, 1);max-width:1280px;padding:0 var(--rx-pad) 72px;margin:0 auto}.rx-index-head{padding:clamp(24px,5vw,56px) 0 clamp(20px,3vw,32px)}.rx-index-head h1{letter-spacing:-.045em;margin:0;font-size:clamp(38px,7vw,84px);font-weight:600;line-height:1}.rx-index-head p{margin:14px 0 0;font-size:clamp(16px,1.6vw,19px)}.rx-featured{background:var(--purple);color:var(--white);transition:transform .4s var(--rx-ease), box-shadow .4s var(--rx-ease);border-radius:28px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);margin-bottom:clamp(28px,4vw,48px);display:grid;position:relative;overflow:hidden}.rx-featured:hover{transform:translateY(-3px);box-shadow:0 30px 60px -30px #3520395c}.rx-featured-photo{min-height:380px;position:relative;overflow:hidden}.rx-featured-photo img{object-fit:cover;transition:transform 1.2s var(--rx-ease)}.rx-featured:hover .rx-featured-photo img{transform:scale(1.04)}.rx-featured-badge{background:var(--yellow);color:var(--ink);border-radius:14px;padding:6px 12px;font-size:13px;font-weight:700;position:absolute;top:16px;left:16px}.rx-featured-copy{flex-direction:column;justify-content:flex-end;gap:12px;padding:clamp(24px,4vw,48px);display:flex}.rx-featured-copy h2{color:var(--white);letter-spacing:-.035em;margin:0;font-size:clamp(28px,3.4vw,46px);font-weight:600;line-height:1.05}.rx-featured-copy p{color:#eadfe9;margin:0;font-size:17px}.rx-featured-meta{color:var(--yellow);align-items:center;gap:8px;margin-top:8px;font-size:15px;font-weight:600;display:flex}.rx-featured-meta svg:last-child{transition:transform .3s var(--rx-ease);margin-left:auto}.rx-featured:hover .rx-featured-meta svg:last-child{transform:translate(4px)}.rx-search{align-items:center;max-width:640px;margin-bottom:16px;display:flex;position:relative}.rx-search>svg{color:var(--ink-soft);pointer-events:none;position:absolute;left:18px}.rx-search input{border:1px solid var(--border-strong,#cfc8d3);background:var(--white);border-radius:16px;width:100%;min-height:56px;margin:0;padding:0 48px 0 50px;font-size:16px;box-shadow:0 6px 20px -16px #35203940}.rx-search input::-webkit-search-cancel-button{display:none}.rx-search-clear{background:var(--lilac);min-width:40px;min-height:40px;color:var(--ink);border-radius:12px;padding:0;position:absolute;right:8px}.rx-cats,.rx-tags{margin:0 calc(var(--rx-pad) * -1) 10px;padding:2px var(--rx-pad) 6px;scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.rx-cats::-webkit-scrollbar{display:none}.rx-tags::-webkit-scrollbar{display:none}.rx-cats button{border:1px solid var(--border,#e6e2e9);background:var(--white);min-height:44px;color:var(--ink);white-space:nowrap;border-radius:22px;flex:none;gap:8px;padding:0 16px;font-size:15px;font-weight:600}.rx-cats button span{color:var(--ink-soft);font-size:13px;font-weight:500}.rx-cats button[aria-pressed=true]{border-color:var(--purple);background:var(--purple);color:var(--white)}.rx-cats button[aria-pressed=true] span{color:#e6dbe6}.rx-tags button{border:1px dashed var(--border-strong,#cfc8d3);min-height:36px;color:var(--ink);white-space:nowrap;background:0 0;border-radius:18px;flex:none;padding:0 14px;font-size:14px;font-weight:500}.rx-tags button[aria-pressed=true]{background:var(--green);color:#42653f;border:1px solid #9fb592;font-weight:600}.rx-cats button:hover,.rx-tags button:hover{border-color:var(--purple)}.rx-count{align-items:center;gap:12px;margin:8px 0 18px;font-size:14px;font-weight:500;display:flex}.rx-count button{background:var(--lilac);min-height:32px;color:var(--ink);border-radius:16px;padding:0 12px;font-size:13px}.rx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;display:grid}.rx-card{color:var(--ink);flex-direction:column;display:flex;position:relative}.rx-card-photo{aspect-ratio:4/5;background:var(--lilac);border-radius:20px;position:relative;overflow:hidden}.rx-card-photo img{object-fit:cover;transition:transform .9s var(--rx-ease)}.rx-card:hover .rx-card-photo img{transform:scale(1.05)}.rx-card-time{background:#ffffffeb;border-radius:12px;align-items:center;gap:5px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:10px}.rx-card h3{letter-spacing:-.01em;margin:12px 0 4px;font-size:16px;font-weight:600;line-height:1.25}.rx-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.rx-card-meta{color:var(--ink-soft);align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.rx-card-meta i{background:var(--green);color:#42653f;border-radius:6px;margin-left:auto;padding:2px 8px;font-style:normal;font-weight:600}.rx-empty{text-align:center;padding:48px 0}.rx-page{padding-top:8px}.rx-hero{margin:0 calc(var(--rx-pad) * -1);gap:20px;display:grid}.rx-hero-photo{aspect-ratio:4/3;background:var(--lilac);position:relative;overflow:hidden}.rx-hero-photo img{object-fit:cover}.rx-hero-copy{padding:0 var(--rx-pad)}.rx-back{min-height:40px;color:var(--ink-soft);align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:600;display:inline-flex}.rx-back:hover{color:var(--purple)}.rx-hero-copy h1{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(34px,5.4vw,68px);font-weight:600;line-height:1.02}.rx-hero-copy>p{max-width:46ch;color:var(--ink);margin:0 0 20px;font-size:clamp(16px,1.5vw,19px)}.rx-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.rx-facts li{border:1px solid var(--border,#e6e2e9);background:var(--white);border-radius:16px;align-items:center;gap:10px;padding:12px;display:flex}.rx-facts svg{color:var(--purple);flex:none}.rx-facts span{color:var(--ink-soft);flex-direction:column;font-size:12px;line-height:1.3;display:flex}.rx-facts b{color:var(--ink);font-size:16px}.rx-taglist{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rx-taglist li{background:var(--green);color:#42653f;border-radius:14px;padding:5px 10px;font-size:13px;font-weight:600}.rx-body{gap:28px;margin-top:36px;display:grid}.rx-cook{gap:36px;display:grid}.rx-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.rx-section-head h2{letter-spacing:-.025em;margin:0;font-size:clamp(24px,2.6vw,32px);font-weight:600}.rx-stepper{background:var(--lilac);border-radius:14px;align-items:center;gap:4px;padding:4px;display:inline-flex}.rx-stepper button{background:var(--white);min-width:40px;min-height:40px;color:var(--ink);border-radius:10px;padding:0}.rx-stepper button:disabled{opacity:.4;cursor:default}.rx-stepper span{text-align:center;min-width:104px;font-size:14px}.rx-stepper b{font-size:16px}.rx-ing-group h3{color:var(--ink-soft);margin:16px 0 6px;font-size:14px;font-weight:600}.rx-ing-group ul{margin:0;padding:0;list-style:none}.rx-ing-group li button{border-bottom:1px solid var(--border,#e6e2e9);width:100%;min-height:52px;color:var(--ink);text-align:left;background:0 0;border-radius:0;justify-content:flex-start;align-items:center;gap:14px;padding:8px 4px;font-size:16px;font-weight:400;display:flex}.rx-ing-group li button:hover{background:0 0}.rx-check{border:2px solid var(--border-strong,#cfc8d3);color:#0000;width:24px;height:24px;transition:background .2s, border-color .2s, transform .2s var(--rx-ease);border-radius:8px;flex:0 0 24px;place-items:center;display:grid}.rx-ing-group li button.is-done .rx-check{color:var(--white);background:#42653f;border-color:#42653f;transform:scale(1.05)}.rx-ing-group li button.is-done .rx-ing-text{color:var(--ink-soft);-webkit-text-decoration:line-through #42653f80;text-decoration:line-through #42653f80}.rx-ing-text b{font-weight:700}.rx-ing-text small{color:var(--ink-soft);margin-left:6px;font-size:13px}.rx-got{align-items:center;gap:8px;margin:12px 0 0;font-size:14px;display:flex}.rx-got button{background:var(--lilac);min-height:32px;color:var(--ink);border-radius:10px;padding:0 10px;font-size:13px}.rx-steps ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rx-steps li{background:var(--white);border:1px solid var(--border,#e6e2e9);border-radius:18px;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:16px;display:grid}.rx-step-n{background:var(--yellow);border-radius:12px;place-items:center;width:40px;height:40px;font-size:17px;font-weight:700;display:grid}.rx-steps li p{color:var(--ink);margin:8px 0 0;font-size:16px;line-height:1.6}.rx-cook-btn{min-height:44px}.rx-side{align-content:start;gap:12px;display:grid}.rx-tip{background:var(--yellow);border-radius:20px;gap:12px;padding:18px;display:flex}.rx-tip svg{flex:none;margin-top:2px}.rx-tip b,.rx-allergens b{margin-bottom:4px;font-size:15px;display:block}.rx-tip p,.rx-allergens p{color:var(--ink);margin:0;font-size:15px;line-height:1.55}.rx-allergens{background:var(--lilac);border-radius:20px;padding:18px}.rx-note{margin:4px 0;font-size:13px}.rx-related{margin-top:56px}.rx-related h2{letter-spacing:-.025em;margin:0 0 18px;font-size:clamp(24px,2.6vw,32px);font-weight:600}.rx-cooking{z-index:100;padding:max(16px, env(safe-area-inset-top)) var(--rx-pad) max(16px, env(safe-area-inset-bottom));background:var(--purple);color:var(--white);animation:rx-fade .3s var(--rx-ease) both;flex-direction:column;display:flex;position:fixed;inset:0}.rx-cooking-top{color:#eadfe9;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;display:flex}.rx-cooking-close{background:#ffffff1f;border-radius:50%;min-width:48px;min-height:48px;padding:0}.rx-cooking-bar{background:#ffffff26;border-radius:3px;height:6px;margin:14px 0 0;overflow:hidden}.rx-cooking-bar span{background:var(--yellow);height:100%;transition:width .4s var(--rx-ease);border-radius:3px;display:block}.rx-cooking-step{max-width:28ch;color:var(--white);letter-spacing:-.02em;animation:rx-step .45s var(--rx-ease) both;flex:1;align-items:center;margin:0 auto;font-size:clamp(26px,5.4vw,48px);font-weight:600;line-height:1.25;display:flex}.rx-cooking-nav{grid-template-columns:1fr 1.4fr;gap:10px;display:grid}.rx-cooking-nav .button{border-radius:16px;min-height:60px;font-size:17px}.rx-cooking-nav .button.outline{color:var(--white);background:0 0;box-shadow:inset 0 0 0 1px #ffffff59}.rx-cooking-nav .button:disabled{opacity:.35}::view-transition-group(.rx-morph){animation-duration:.45s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-image-pair(.rx-morph){animation-name:rx-via-blur}::view-transition-group(.rx-reorder){animation-duration:.38s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(.rx-enter){animation:.38s cubic-bezier(.22,1,.36,1) both rx-in}::view-transition-old(.rx-exit){animation:.22s ease-in both rx-out}@keyframes rx-via-blur{30%{filter:blur(3px)}}@keyframes rx-in{0%{opacity:0;transform:scale(.94)translateY(10px)}}@keyframes rx-out{to{opacity:0;transform:scale(.94)}}@keyframes rx-fade{0%{opacity:0}}@keyframes rx-step{0%{opacity:0;transform:translateY(14px)}}@media (min-width:640px){.rx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}.rx-card h3{font-size:18px}.rx-card p{font-size:14px}.rx-cats,.rx-tags{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible}}@media (min-width:900px){.rx-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;gap:40px;margin:0}.rx-hero-photo{aspect-ratio:5/4;border-radius:28px}.rx-hero-copy{padding:0 0 8px}.rx-body{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:48px}.rx-cook{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:40px}.rx-ingredients,.rx-side{position:sticky;top:96px}}@media (min-width:1100px){.rx-grid,.rx-grid-related{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:899px){.rx-featured{border-radius:22px;grid-template-columns:1fr}.rx-featured-photo{aspect-ratio:4/3;min-height:0}}@media (max-width:1099px) and (min-width:900px){.rx-body{grid-template-columns:1fr}.rx-side{position:static}}@media (prefers-reduced-motion:reduce){.rx-index *,.rx-page *{transition:none!important;animation:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}@media print{.rx-hero{margin:0}.rx-hero-photo{max-height:320px}.rx-steps li{break-inside:avoid}}.rx-card-meta{white-space:nowrap}@media (max-width:639px){.rx-card-meta i{display:none}}
