:root{--black:#000;--white:#fff;--ink:var(--black);--paper:var(--white);--ink-rgb:0 0 0;--paper-rgb:255 255 255;--hover-dark:#262626;--surface:#f2f2f2;--surface-soft:#0000000d;--line:#0003;--line-soft:#0000001a;--muted:#0009;--subdued:#000c;--error:#8b0000;--success:#006400;--font:Helvetica, sans-serif;--fs-display:clamp(40px, 6.4vw, 120px);--fs-hero:clamp(48px, 6.4vw, 110px);--fs-section:clamp(40px, 5.6vw, 100px);--fs-title:clamp(30px, 3.4vw, 56px);--fs-h3:clamp(23px, 2.5vw, 44px);--fs-card:clamp(20px, 1.7vw, 26px);--fs-lead:clamp(17px, 1.5vw, 24px);--fs-label:clamp(10px, .8vw, 14px);--ls-display:-.065em;--ls-h3:-.045em;--ls-label:.035em;--page-max:1680px;--gutter-base:40px;--gutter:max(var(--gutter-base), calc((100vw - var(--page-max)) / 2));--section-space:clamp(40px, 4vw, 80px);--section-space-lg:clamp(64px, 7vw, 128px);--header-height:64px;--speed:.2s;--ease:ease-in-out;--ease-out-cubic:cubic-bezier(.33, 1, .68, 1);--acid:var(--ink);--paper-2:var(--surface);--radius:0;--shadow:0 4px 20px #00000026}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:400;line-height:1.4}a{color:inherit;text-decoration:none}*,:before,:after,code,pre,kbd,samp,svg text{font-family:var(--font)!important}button,input,select,textarea{font:inherit;color:inherit;border-radius:0}button{cursor:pointer}img{display:block}main{min-height:72vh;overflow:clip}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline-offset:4px;outline:2px solid}h1 em,h2 em,h3 em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:400;line-height:1.5;display:block}.eyebrow>span:empty,.eyebrow>i:empty{display:none}.button{border:1px solid var(--ink);background:var(--ink);min-height:48px;color:var(--paper);font-family:var(--font);letter-spacing:var(--ls-label);text-transform:uppercase;text-align:left;transition:background-color var(--speed) var(--ease), color var(--speed) var(--ease), border-color var(--speed) var(--ease);justify-content:space-between;align-items:center;gap:24px;padding:14px 22px;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex}.button svg{width:20px;height:20px;transition:transform var(--speed) var(--ease);flex:none}.button>svg:first-child:not(:last-child){margin-right:-12px}.button>svg:last-child:not(:first-child){margin-left:auto}.button:hover>svg:only-child,.button:hover>svg:last-child:not(:first-child){transform:translate(3px)}.button-lead{justify-content:flex-start;gap:12px}.button-lead:hover>svg:only-child{transform:none}.button-dark,.button-accent{background:var(--ink);color:var(--paper);border-color:var(--ink)}.button-dark:hover,.button-accent:hover{background:var(--hover-dark);border-color:var(--hover-dark)}.button-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button-light:hover{color:var(--paper);background:0 0}.button-outline{color:var(--ink);background:0 0;border-color:currentColor}.button-outline:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.button-wide{width:100%}.button:disabled{opacity:.5;cursor:not-allowed}.button:disabled:hover{background:var(--ink)}.text-link{min-height:40px;letter-spacing:var(--ls-label);text-transform:uppercase;text-underline-offset:4px;transition:text-decoration-color var(--speed) var(--ease);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:11px;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}.text-link:hover{text-decoration-color:currentColor}.text-link svg{width:16px;height:16px;transition:transform var(--speed) var(--ease)}.text-link:hover svg:last-child{transform:translate(3px)}.text-link.centered{justify-content:center;align-self:center}.icon-button{background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid}.page-loading{min-height:70vh;letter-spacing:var(--ls-label);text-transform:uppercase;place-items:center;font-size:11px;font-weight:600;display:grid}.catalog-hero h1,.auth-gate h1,.not-found h1,.detail-hero-copy h1,.account-header h1,.admin-welcome h1,.admin-view-head h1{font-family:var(--font);letter-spacing:var(--ls-display);text-transform:uppercase;text-wrap:balance;font-weight:700;line-height:.94}.site-header{height:var(--header-height);z-index:80;background:var(--paper);border-bottom:1px solid var(--line-soft);position:sticky;top:0}.header-inner{height:100%;padding:0 var(--gutter);grid-template-columns:1fr auto;align-items:center;gap:20px;display:grid}.wordmark{align-items:center;gap:12px;width:max-content;display:inline-flex}.wordmark img{object-fit:contain;width:64px;height:32px}.wordmark-sub{letter-spacing:var(--ls-label);text-transform:uppercase;border-left:1px solid var(--line);padding-left:12px;font-size:11px;font-weight:600;line-height:1.2}.desktop-nav{align-items:center;gap:32px;height:100%;display:flex}.desktop-nav a{height:100%;transition:opacity var(--speed) var(--ease);align-items:center;font-size:16px;font-weight:400;display:flex;position:relative}.desktop-nav:has(a:hover) a:not(:hover){opacity:.6}.desktop-nav a:after{content:"";transform-origin:0;height:1px;transition:transform var(--speed) var(--ease-out-cubic);background:currentColor;position:absolute;bottom:18px;left:0;right:0;transform:scaleX(0)}.desktop-nav a.active:after{transform:scaleX(1)}.header-actions{justify-content:flex-end;align-items:center;gap:24px;display:flex}.login-link,.profile-chip{min-height:44px;transition:opacity var(--speed) var(--ease);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:16px;font-weight:400;display:flex}.header-actions:has(>:not(.header-shop):hover)>:not(:hover,.header-shop){opacity:.6}.login-link svg{width:16px;height:16px}.profile-chip{justify-content:center;min-width:44px}.profile-chip.active>span{outline:1px solid var(--ink);outline-offset:3px}.header-shop{gap:12px;min-height:40px;padding:10px 16px}.header-shop svg{width:16px;height:16px}.header-shop:hover>svg:last-child:not(:first-child){transform:translate(2px,-2px)}.profile-chip>span{background:var(--ink);width:32px;height:32px;color:var(--paper);text-box:trim-both cap alphabetic;text-transform:uppercase;border-radius:50%;place-items:center;font-size:12px;font-weight:700;line-height:1;display:grid}.detail-origin{z-index:2;background:var(--paper);height:28px;color:var(--ink);letter-spacing:var(--ls-label);text-transform:uppercase;align-items:center;padding:0 10px;font-size:10px;font-weight:400;display:inline-flex;position:absolute;top:16px;left:16px}.site-footer{margin-top:var(--section-space-lg);padding:var(--section-space) var(--gutter) 32px;background:var(--paper);color:var(--ink);border-top:1px solid var(--line-soft)}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:12%;display:grid}.footer-top>*{min-width:0}.footer-intro{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.footer-heading{letter-spacing:-.065em;text-transform:uppercase;max-width:100%;color:inherit;margin:0 0 20px;font-size:clamp(32px,4vw,72px);font-weight:700;line-height:.94}.footer-nav{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:32px;min-width:0;display:grid}.footer-column{border-top:1px solid rgb(var(--ink-rgb) / .2);min-width:0;padding-top:20px}.footer-column-title{letter-spacing:.035em;text-transform:uppercase;color:rgb(var(--ink-rgb) / .6);margin:0 0 12px;font-size:clamp(10px,.8vw,14px);font-weight:400;line-height:1.5}.footer-links{margin:0;padding:0;list-style:none}.footer-link{text-underline-offset:4px;min-height:40px;transition:text-decoration-color var(--speed) var(--ease);align-items:center;gap:6px;padding-block:4px;font-size:16px;line-height:1.3;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;display:inline-flex}.footer-link:hover{text-decoration-color:currentColor}.footer-link--more{letter-spacing:.035em;text-transform:uppercase;margin-top:8px;font-size:11px;font-weight:600}.footer-link--more svg{width:16px;height:16px;transition:transform var(--speed) var(--ease);flex:none}.footer-link--more:hover svg{transform:translate(3px)}.footer-mark{border-top:1px solid rgb(var(--ink-rgb) / .2);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12%;margin-top:clamp(48px,5vw,96px);padding-top:clamp(24px,2.5vw,40px);display:grid}.footer-mark span{aspect-ratio:861/431;background:currentColor;display:block;-webkit-mask:url(/images/spill-logo.svg) 0/contain no-repeat;mask:url(/images/spill-logo.svg) 0/contain no-repeat}@media (max-width:989px){.footer-nav{gap:24px}.footer-top{grid-template-columns:minmax(0,1fr);gap:40px}.footer-mark{grid-template-columns:minmax(0,1fr)}.footer-mark span{max-width:560px}}@media (max-width:749px){.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.footer-column:last-child{grid-column:1/-1}}.site-footer>small{color:var(--muted);margin-top:32px;font-size:12px;display:block}.modal-backdrop{z-index:200;animation:fade-in var(--speed) var(--ease);background:#00000026;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.login-dialog{background:var(--paper);width:min(500px,100%);box-shadow:var(--shadow);animation:item-enter .4s var(--ease-out-cubic) both;padding:48px 40px 40px;position:relative}.modal-close{position:absolute;top:8px;right:8px}.brand{text-transform:none}.login-dialog h2{margin:20px 0;font-size:clamp(40px,5vw,64px);line-height:1.02}.login-dialog>p{color:var(--subdued);font-size:16px;line-height:1.5}.login-dialog .button{margin-top:16px}.login-dialog .name-form{gap:16px;margin-top:24px}.login-dialog .name-form .button{margin-top:8px}.login-dialog .fine-print{color:var(--muted);margin:16px 0 0;font-size:12px;line-height:1.5}.timer-dock{z-index:120;background:var(--ink);width:min(560px,100% - 32px);color:var(--paper);box-shadow:var(--shadow);position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.timer-summary{width:100%;min-height:64px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:44px 76px 1fr 24px;align-items:center;gap:12px;padding:10px 16px;display:grid}.timer-pulse{background:var(--paper);width:40px;height:40px;color:var(--ink);place-items:center;display:grid;position:relative}.timer-pulse:after{content:"";border:1px solid var(--paper);animation:1.7s infinite pulse;position:absolute;inset:-4px}.timer-pulse.is-finished:after{opacity:0;animation:none}.timer-summary-copy{flex-direction:column;display:flex}.timer-summary-copy small{letter-spacing:var(--ls-label);color:#fff9;text-transform:uppercase;font-size:10px}.timer-summary-copy strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.timer-label{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.timer-chevron{transition:transform var(--speed) var(--ease)}.timer-dock.is-expanded .timer-chevron{transform:rotate(180deg)}.timer-expanded{border-top:1px solid #fff3;justify-content:space-between;gap:18px;padding:20px 16px;display:flex}.timer-expanded small{letter-spacing:var(--ls-label);text-transform:uppercase;font-size:11px;font-weight:600}.timer-expanded p{color:#fff9;max-width:260px;margin:6px 0 0;font-size:12px;line-height:1.5}.timer-actions{flex-wrap:wrap;place-content:flex-start flex-end;gap:8px;display:flex}.timer-control{min-height:40px;color:var(--paper);letter-spacing:var(--ls-label);text-transform:uppercase;transition:background-color var(--speed) var(--ease), color var(--speed) var(--ease);background:0 0;border:1px solid #fff9;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:600;display:flex}.timer-control svg{width:16px;height:16px}.timer-control:hover,.timer-control.primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.catalog-hero{padding:clamp(40px, 5vw, 72px) var(--gutter) var(--section-space);border-bottom:1px solid var(--line)}.catalog-hero h1{font-size:var(--fs-display);margin:0}.catalog-layout{padding:40px var(--gutter) var(--section-space-lg);grid-template-columns:240px minmax(0,1fr);gap:clamp(32px,4vw,72px);display:grid}.filter-panel{top:calc(var(--header-height) + 24px);align-self:start;position:sticky}.filter-mobile-head{display:none}.filter-group{border-top:1px solid var(--line);padding:20px 0 24px}.filter-group:first-of-type{border-top:0;padding-top:0}.filter-label{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted);margin-bottom:14px;display:block}.filter-options{flex-direction:column;align-items:flex-start;display:flex}.filter-options button{text-align:left;text-underline-offset:4px;min-height:40px;transition:text-decoration-color var(--speed) var(--ease), opacity var(--speed) var(--ease);background:0 0;border:0;align-items:center;gap:10px;padding:4px 0;font-size:16px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:flex}.filter-options button:hover{text-decoration-color:currentColor}.filter-options button.active{font-weight:700;text-decoration-color:currentColor}.filter-options i{display:none}.chip-row{gap:6px;display:flex}.chip-wrap{flex-wrap:wrap}.chip-row button{border:1px solid var(--line);background:var(--paper);min-height:40px;transition:background-color var(--speed) var(--ease), border-color var(--speed) var(--ease), color var(--speed) var(--ease);padding:0 14px;font-size:14px}.chip-row button:hover{border-color:var(--ink)}.chip-row button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter-reset{min-height:40px;letter-spacing:var(--ls-label);text-transform:uppercase;text-underline-offset:4px;background:0 0;border:0;margin-top:8px;padding:0;font-size:11px;font-weight:600;text-decoration:underline}.filter-apply{display:none}.catalog-toolbar{align-items:stretch;gap:12px;display:flex}.search-field{background:var(--paper);border:0;border-bottom:1px solid var(--line);min-height:52px;transition:border-color var(--speed) var(--ease);flex:1;align-items:center;gap:10px;padding:0;display:flex}.search-field:focus-within{border-color:var(--ink)}.search-field input{background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:52px;font-size:16px}.search-field input::placeholder{color:#00000080;opacity:1}.search-field button{background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid}.sort-select{background:var(--paper);border:0;border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;min-width:190px;min-height:52px;padding:6px 0;display:flex}.sort-select span{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted);font-size:10px}.sort-select select{background:0 0;border:0;outline:0;padding:0;font-size:16px}.mobile-filter-trigger{display:none}.results-head{justify-content:space-between;align-items:center;min-height:72px;display:flex}.results-head p{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;margin:0}.results-head p strong{margin-right:2px;font-weight:700}.results-head button{min-height:40px;letter-spacing:var(--ls-label);text-transform:uppercase;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;display:grid}.related-section .recipe-grid{margin-top:32px}.recipe-card{min-width:0;animation:item-enter .9s var(--ease-out-cubic) backwards;position:relative}.recipe-card:nth-child(3n+2){animation-delay:80ms}.recipe-card:nth-child(3n){animation-delay:.16s}.recipe-card-image{aspect-ratio:4/5;background:var(--surface-soft);margin-bottom:20px;position:relative;overflow:hidden}.recipe-card-image>a{position:absolute;inset:0}.recipe-card-image img{object-fit:cover;transition:transform .6s var(--ease-out-cubic)}.recipe-card:hover .recipe-card-image img{transform:scale(1.04)}.recipe-origin{z-index:2;background:var(--paper);height:28px;letter-spacing:var(--ls-label);text-transform:uppercase;pointer-events:none;align-items:center;padding:0 10px;font-size:10px;display:inline-flex;position:absolute;top:12px;left:12px}.origin-seal{align-items:center;gap:6px;line-height:1;display:inline-flex}.author-badge{background:var(--paper);min-width:0;max-width:100%;color:var(--ink);align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.author-badge-avatar{background:var(--ink);width:24px;height:24px;color:var(--paper);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid;overflow:hidden}.author-badge-avatar img{object-fit:cover;width:100%;height:100%;display:block}.author-badge-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.recipe-origin-author{z-index:2;pointer-events:none;max-width:calc(100% - 80px);height:28px;padding:0 10px 0 4px;position:absolute;top:12px;left:12px}.detail-origin-author{z-index:2;height:28px;padding:0 10px 0 4px;position:absolute;top:16px;left:16px}.recipe-origin-author .author-badge-avatar,.detail-origin-author .author-badge-avatar{width:20px;height:20px;font-size:10px}.rd2-author-badge{border:1px solid var(--line);animation:item-enter .9s var(--ease-out-cubic) both;margin-bottom:20px;padding:5px 14px 5px 5px;font-size:13px}.rd2-author-badge .author-badge-avatar{width:30px;height:30px;font-size:13px}.origin-seal-logo{aspect-ratio:861/431;background:currentColor;flex:none;height:1.15em;display:block;-webkit-mask:url(/images/spill-logo.svg) 50%/contain no-repeat;mask:url(/images/spill-logo.svg) 50%/contain no-repeat}.save-button{z-index:3;background:var(--paper);width:44px;height:44px;color:var(--ink);transition:background-color var(--speed) var(--ease), color var(--speed) var(--ease);border:0;place-items:center;display:grid;position:absolute;top:12px;right:12px}.save-button:hover,.save-button.is-saved{background:var(--ink);color:var(--paper)}.save-button svg{width:18px;height:18px}.recipe-card-body{padding:0}.recipe-card-meta{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;gap:6px;display:flex}.recipe-title-link{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;margin:0 0 14px;display:grid}.recipe-title-link h3{font-size:var(--fs-card);letter-spacing:-.03em;text-transform:uppercase;text-underline-offset:.2em;transition:text-decoration-color var(--speed) var(--ease);margin:0;font-weight:700;line-height:1.1;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.recipe-card:hover .recipe-title-link h3{text-decoration-color:currentColor}.recipe-title-link svg{width:20px;height:20px;transition:transform var(--speed) var(--ease)}.recipe-card:hover .recipe-title-link svg{transform:translate(2px,-2px)}.recipe-card-body>p{letter-spacing:.02em;color:var(--subdued);margin:0 0 16px;font-size:14px;line-height:1.5}.recipe-facts{letter-spacing:.02em;align-items:center;gap:16px;font-size:12px;display:flex}.recipe-facts>span{align-items:center;gap:6px;display:flex}.recipe-facts svg{width:14px;height:14px}.recipe-facts .rating-small{margin-left:auto}.rating-small small{color:var(--muted)}.empty-state{background:var(--surface-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:40px 24px;display:flex}.empty-state>span{letter-spacing:var(--ls-label);font-size:11px;font-weight:600}.empty-state>svg{width:32px;height:32px}.empty-state h2{margin:24px 0 14px;font-size:clamp(32px,3.6vw,56px)}.empty-state p{color:var(--subdued);margin:0 0 24px;font-size:16px}.no-results{text-align:center;border:1px solid var(--line-soft);background:var(--paper);flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:clamp(48px,6vw,96px) 24px;display:flex}.no-results>*{animation:no-results-in .6s var(--ease-out-cubic) both}.no-results>:nth-child(2){animation-delay:60ms}.no-results>:nth-child(3){animation-delay:.12s}.no-results>:nth-child(4){animation-delay:.18s}.no-results>:nth-child(5){animation-delay:.24s}.no-results-icon{width:44px;height:44px;color:var(--ink);margin-bottom:28px}.no-results h2{max-width:14ch;font-size:var(--fs-title);letter-spacing:var(--ls-h3);text-transform:uppercase;text-wrap:balance;margin:0;line-height:.95}.no-results p{max-width:38ch;color:var(--muted);margin:18px 0 0;font-size:16px;line-height:1.45}.no-results-filters{flex-wrap:wrap;justify-content:center;gap:6px;margin:28px 0 0;padding:0;list-style:none;display:flex}.no-results-filters button{border:1px solid var(--line);background:var(--paper);min-height:36px;transition:border-color var(--speed) var(--ease), background-color var(--speed) var(--ease), color var(--speed) var(--ease);align-items:center;gap:8px;padding:0 12px;font-size:13px;display:inline-flex}.no-results-filters button:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}.no-results-filters button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.no-results .button{margin-top:32px}@keyframes no-results-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.no-results>*{animation:none}}@media (max-width:600px){.no-results{min-height:380px}}.recipe-breadcrumbs{padding:20px var(--gutter);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;display:flex}.recipe-breadcrumbs a{min-height:40px;color:var(--ink);text-underline-offset:4px;transition:text-decoration-color var(--speed) var(--ease);align-items:center;gap:6px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:flex}.recipe-breadcrumbs a:hover{text-decoration-color:currentColor}.recipe-breadcrumbs svg{width:14px;height:14px}.recipe-detail-hero{padding:0 var(--gutter) var(--section-space);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,6vw,96px);display:grid}.detail-hero-image{aspect-ratio:4/5;background:var(--surface-soft);align-self:start;position:relative;overflow:hidden}.detail-image-actions{z-index:3;flex-direction:column;gap:8px;display:flex;position:absolute;top:16px;right:16px}.detail-image-actions .save-button{position:static}.detail-hero-image img{object-fit:cover;animation:image-settle 1.2s var(--ease-out-cubic) both}.detail-hero-copy{flex-direction:column;justify-content:flex-end;align-items:flex-start;min-width:0;display:flex}.detail-hero-copy h1{font-size:var(--fs-hero);margin:20px 0 28px}.detail-hero-copy>p{font-size:var(--fs-lead);max-width:34rem;margin:0 0 20px;line-height:1.5}.detail-rating{align-items:center;gap:6px;font-size:14px;display:flex}.detail-rating svg{width:16px;height:16px}.detail-rating span{color:var(--muted);text-underline-offset:3px;margin-left:4px;text-decoration:underline}.detail-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);width:100%;margin:28px 0;display:grid}.detail-facts>div{grid-template-columns:22px 1fr;align-items:center;column-gap:8px;padding:16px 12px 16px 0;display:grid}.detail-facts>div+div{border-left:1px solid var(--line);padding-left:12px}.detail-facts svg{grid-row:1/3;width:18px;height:18px}.detail-facts small{letter-spacing:var(--ls-label);color:var(--muted);font-size:10px}.detail-facts strong{font-size:14px;font-weight:700}.detail-start{width:100%;max-width:352px}.recipe-main-content{margin:var(--section-space-lg) 0;padding:0 var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,6vw,96px);display:grid}.content-section-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:16px;display:flex}.content-section-head>div:first-child{align-items:baseline;gap:16px;display:flex}.content-section-head h2{font-size:var(--fs-h3);letter-spacing:var(--ls-h3);text-transform:uppercase;margin:0;font-weight:700;line-height:1}.content-section-head>div>span{font-size:var(--fs-label);letter-spacing:var(--ls-label)}.portion-control{border:1px solid var(--line);align-items:center;height:44px;display:flex}.portion-control button{width:44px;height:42px;transition:background-color var(--speed) var(--ease);background:0 0;border:0;place-items:center;display:grid}.portion-control button:hover:not(:disabled){background:var(--surface)}.portion-control button svg{width:16px;height:16px}.portion-control button:disabled{opacity:.3;cursor:not-allowed}.portion-control span{text-align:center;min-width:92px;font-size:12px}.portion-control span strong{font-size:16px;font-weight:700}.ingredient-list>button{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;min-height:60px;transition:opacity var(--speed) var(--ease);background:0 0;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;display:grid}.ingredient-check{width:22px;height:22px;transition:background-color var(--speed) var(--ease);border:1px solid #00000059;place-items:center;display:grid}.ingredient-check svg{opacity:0;width:14px;height:14px}.ingredient-list button.checked{opacity:.5}.ingredient-list button.checked strong{text-decoration:line-through}.ingredient-list button.checked .ingredient-check{background:var(--ink);border-color:var(--ink);color:var(--paper)}.ingredient-list button.checked svg{opacity:1}.ingredient-list strong{font-size:16px;font-weight:400}.ingredient-list em{font-size:14px;font-style:normal;font-weight:700}.equipment-box{background:var(--surface-soft);gap:14px;margin-top:24px;padding:20px;display:flex}.equipment-box svg{flex:none;width:20px;height:20px}.equipment-box div{flex-direction:column;display:flex}.equipment-box strong{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:400}.equipment-box span{color:var(--subdued);margin-top:6px;font-size:14px}.time-breakdown{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding:16px 0;display:grid}.time-breakdown span{border-left:1px solid var(--line);flex-direction:column;gap:2px;padding-left:14px;display:flex}.time-breakdown span:first-child{border-left:0;padding-left:0}.time-breakdown small{letter-spacing:var(--ls-label);color:var(--muted);text-transform:uppercase;font-size:10px}.time-breakdown strong{font-size:14px;font-weight:700}.method-note{background:var(--surface-soft);flex-direction:column;gap:4px;margin-top:20px;padding:16px;display:flex}.method-note strong{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:400}.method-note span{font-size:14px}.step-list{margin:20px 0 28px;padding:0;list-style:none}.step-list li{border-top:1px solid var(--line);grid-template-columns:56px 1fr;gap:16px;padding:24px 0;display:grid}.step-list li:last-child{border-bottom:1px solid var(--line)}.step-list li>span{font-size:var(--fs-label);letter-spacing:var(--ls-label);padding-top:.35em}.step-list h3{letter-spacing:-.03em;text-transform:uppercase;margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.1}.step-list p{color:var(--subdued);margin:0;line-height:1.5}.step-list button{border:1px solid var(--ink);min-height:40px;letter-spacing:var(--ls-label);text-transform:uppercase;transition:background-color var(--speed) var(--ease), color var(--speed) var(--ease);background:0 0;align-items:center;gap:8px;margin-top:14px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.step-list button:hover{background:var(--ink);color:var(--paper)}.step-list button svg{width:16px;height:16px}.recipe-section{margin:0 var(--gutter) var(--section-space-lg)}.section-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin:20px 0 28px;display:flex}.section-intro p{max-width:36rem;font-size:var(--fs-lead);margin:0;line-height:1.5}.avatar{background:var(--ink);width:36px;height:36px;color:var(--paper);text-transform:uppercase;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.detail-rating{color:inherit}.detail-rating:hover span{color:var(--ink)}.community-head-actions{flex-wrap:wrap;gap:8px;display:flex}.community-share{flex:none}.community-meta time,.review-head time{color:var(--muted);font-size:12px;display:block}.community-bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px;display:grid}.community-tile{isolation:isolate;aspect-ratio:3/4;background:var(--surface-soft);min-width:0;color:var(--white);text-align:left;cursor:pointer;animation:item-enter .9s var(--ease-out-cubic) backwards;border:0;padding:0;display:block;position:relative;overflow:hidden}.community-tile:nth-child(2){animation-delay:50ms}.community-tile:nth-child(3){animation-delay:.1s}.community-tile:nth-child(4){animation-delay:.15s}.community-tile:nth-child(5){animation-delay:.2s}.community-tile:nth-child(n+6){animation-delay:.25s}.community-tile.is-featured{aspect-ratio:auto;grid-area:span 2/span 2}.community-tile-media{z-index:-2;position:absolute;inset:0;overflow:hidden}.community-tile-media img,.community-tile-media video{object-fit:cover;width:100%;height:100%;transition:scale .9s var(--ease-out-cubic), filter .6s var(--ease);position:absolute;inset:0}.community-tile-shade{z-index:-1;transition:background-color .4s var(--ease);background:linear-gradient(#0000 40%,#0003 62%,#000000c7 100%);position:absolute;inset:0}.community-tile-type{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:12px;left:12px}.community-tile-type svg{width:12px;height:12px}.community-tile-info{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 12px;padding:14px;display:grid;position:absolute;bottom:0;left:0;right:0}.community-tile-author{align-items:center;gap:10px;min-width:0;display:flex}.community-tile-author i{background:var(--recipe-accent,var(--white));width:26px;height:26px;color:var(--recipe-text,var(--black));text-transform:uppercase;flex:none;place-items:center;font-size:11px;font-style:normal;font-weight:700;display:grid}.community-tile-author>span{min-width:0}.community-tile-author strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;display:block;overflow:hidden}.community-tile-author small{color:#ffffffa6;font-size:11px;display:block}.community-tile-caption{letter-spacing:-.035em;text-transform:uppercase;-webkit-line-clamp:3;-webkit-box-orient:vertical;grid-area:1/1/auto/-1;max-width:32rem;font-size:clamp(18px,1.6vw,26px);font-weight:700;line-height:1.05;display:-webkit-box;overflow:hidden}.community-tile-likes{font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.community-tile-likes svg{width:14px;height:14px}.community-tile.is-featured .community-tile-info{padding:clamp(18px,2vw,32px)}.community-tile.is-featured .community-tile-author i{width:36px;height:36px;font-size:14px}.community-tile.is-featured .community-tile-author strong{font-size:15px}.community-tile-open{background:var(--white);min-height:30px;color:var(--black);letter-spacing:var(--ls-label);text-transform:uppercase;opacity:0;transition:opacity .3s var(--ease), transform .4s var(--ease-out-cubic);align-items:center;gap:6px;padding:0 10px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:12px;right:12px;transform:translateY(-6px)}.community-tile-open svg{width:14px;height:14px}.community-tile-more{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.community-tile-more strong{letter-spacing:-.07em;font-size:clamp(44px,4.4vw,80px);font-weight:700;line-height:.9}.community-tile-more small{letter-spacing:var(--ls-label);text-transform:uppercase;font-size:10px;font-weight:600}:is(.community-tile:has(.community-tile-more) .community-tile-info,.community-tile:has(.community-tile-more) .community-tile-open){display:none}@media (hover:hover){.community-tile:hover .community-tile-media img,.community-tile:hover .community-tile-media video{scale:1.05}.community-tile:hover .community-tile-shade{background-color:#0000001f}.community-tile:hover .community-tile-open{opacity:1;transform:none}}.community-tile:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.community-empty{border:1px dashed var(--line);width:100%;min-height:220px;color:var(--ink);transition:border-color var(--speed) var(--ease);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-top:32px;display:flex}.community-empty:hover{border-color:var(--ink)}.community-empty strong{font-size:var(--fs-card);letter-spacing:-.03em;text-transform:uppercase;font-weight:700}.community-empty span{letter-spacing:var(--ls-label);text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.community-empty svg{width:16px;height:16px}.feed{--mix-line:#ffffff29;--mix-muted:#fff9;--feed-accent:var(--recipe-accent,var(--white));--feed-top:88px;z-index:300;background:var(--black);height:100dvh;color:var(--white);animation:feed-in .5s var(--ease-out-cubic) both;outline:none;position:fixed;inset:0;overflow:hidden}.feed ::selection{background:var(--white);color:var(--black)}.feed :focus-visible{outline:2px solid var(--white);outline-offset:2px}.feed button{color:inherit}.feed svg{flex:none;width:18px;height:18px}.feed .mix-tool:disabled{opacity:.25;cursor:not-allowed}.feed-top{z-index:4;padding:16px var(--gutter);padding-top:max(16px, env(safe-area-inset-top));pointer-events:none;background:linear-gradient(#0009,#0000);grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid;position:absolute;top:0;left:0;right:0}.feed-top>*{pointer-events:auto}.feed-close{justify-self:end}.feed-scroller{overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;position:absolute;inset:0;overflow-y:auto}.feed-scroller::-webkit-scrollbar{display:none}.feed-slide{isolation:isolate;height:100dvh;padding:var(--feed-top) 0 24px;scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.feed-ambient{z-index:-1;opacity:0;transition:opacity 1s var(--ease);position:absolute;inset:-10%}.feed-ambient img{object-fit:cover;filter:blur(70px)saturate(1.5)brightness(.55)}.feed-slide.is-active .feed-ambient{opacity:1}.feed-slide:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 60% at 50% 110%, color-mix(in srgb, var(--feed-accent) 30%, transparent), transparent 70%);position:absolute;inset:0}.feed-frame{aspect-ratio:9/16;background:#ffffff0a;max-width:calc(100vw - 32px);height:100%;position:relative;box-shadow:0 40px 120px #0009}.feed-media{cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden}.feed-media video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.feed-media img{object-fit:cover}.feed-shade{pointer-events:none;background:linear-gradient(#0000 45%,#00000059 70%,#000000d9 100%),linear-gradient(#00000059 0%,#0000 18%);position:absolute;inset:0}.feed-paused{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;width:80px;height:80px;animation:feed-pop .35s var(--ease-out-cubic) both;background:#0006;place-items:center;margin:-40px 0 0 -40px;display:grid;position:absolute;top:50%;left:50%}.feed .feed-paused svg{width:28px;height:28px}.feed-burst{color:var(--feed-accent);pointer-events:none;filter:drop-shadow(0 10px 30px #00000073);animation:feed-burst .9s var(--ease-out-cubic) both;position:absolute;top:50%;left:50%}.feed .feed-burst svg{width:120px;height:120px}.feed-info{pointer-events:none;flex-direction:column;align-items:flex-start;gap:14px;padding:24px 24px 28px;display:flex;position:absolute;bottom:0;left:0;right:0}.feed-info>*{pointer-events:auto}.feed-slide.is-active .feed-info>*{animation:item-enter .7s var(--ease-out-cubic) both}.feed-slide.is-active .feed-info>:nth-child(2){animation-delay:60ms}.feed-slide.is-active .feed-info>:nth-child(3){animation-delay:.12s}.feed-author{align-items:center;gap:12px;display:flex}.feed-avatar{background:var(--feed-accent);width:40px;height:40px;color:var(--recipe-text,var(--black));text-transform:uppercase;place-items:center;font-size:15px;font-weight:700;display:grid}.feed-avatar,.community-tile-author i{overflow:hidden}.feed-avatar img,.community-tile-author i img{object-fit:cover;width:100%;height:100%;display:block}.feed-author strong{letter-spacing:-.01em;font-size:16px;font-weight:700;display:block}.feed-author time{color:var(--mix-muted);font-size:12px;display:block}.feed-caption{text-align:left;color:#ffffffe6;-webkit-line-clamp:2;cursor:pointer;background:0 0;border:0;-webkit-box-orient:vertical;max-width:100%;padding:0;font-size:15px;line-height:1.45;display:-webkit-box;overflow:hidden}.feed-caption.is-expanded{-webkit-line-clamp:unset;max-height:40dvh;display:block;overflow-y:auto}.feed-rail{flex-direction:column;gap:14px;display:flex;position:absolute;bottom:24px;left:calc(100% + 20px)}.feed-action{filter:drop-shadow(0 2px 8px #0000008c);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.feed-action>span{width:48px;height:44px;transition:color var(--speed) var(--ease), transform .3s var(--ease-out-cubic);place-items:center;display:grid}.feed .feed-action>span svg{stroke-width:1.75px;width:32px;height:32px}.feed .feed-action.is-liked svg{stroke:none}.feed-action:hover>span{transform:scale(1.08)}.feed-action:active>span{transform:scale(.88)}.feed-action b{letter-spacing:.01em;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.feed-action.is-liked>span{color:var(--feed-accent);animation:feed-pop .4s var(--ease-out-cubic)}.feed-scrub{pointer-events:none;background:#ffffff2e;height:2px;position:absolute;bottom:0;left:0;right:0}.feed-scrub span{background:var(--feed-accent);transform-origin:0;height:100%;transition:transform .25s linear;display:block;transform:scaleX(0)}.feed-nav{z-index:4;right:var(--gutter);flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.feed-hint{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:var(--ls-label);text-transform:uppercase;pointer-events:none;animation:feed-hint 2.4s 1s var(--ease) both;background:#00000080;align-items:center;gap:8px;padding:10px 14px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.feed .feed-hint svg{width:14px;height:14px;animation:rd2-nudge 1.2s var(--ease) infinite reverse}.feed-end{padding-left:var(--gutter);padding-right:var(--gutter);justify-content:flex-start}.feed-end:before{background:radial-gradient(90% 80% at 85% 100%, color-mix(in srgb, var(--feed-accent) 40%, transparent), transparent 60%)}.feed-end-copy{max-width:900px}.feed-end.is-active .feed-end-copy>*{animation:item-enter .8s var(--ease-out-cubic) both}.feed-end.is-active .feed-end-copy>:nth-child(2){animation-delay:60ms}.feed-end.is-active .feed-end-copy>:nth-child(3){animation-delay:.12s}.feed-end.is-active .feed-end-copy>:nth-child(4){animation-delay:.18s}.feed-end.is-active .feed-end-copy>:nth-child(5){animation-delay:.24s}.feed-end small{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--mix-muted);margin-bottom:20px;display:block}.feed-end h2{letter-spacing:var(--ls-display);text-transform:uppercase;margin:0 0 24px;font-size:clamp(56px,9vw,160px);font-weight:700;line-height:.88}.feed-end p{max-width:520px;font-size:var(--fs-lead);color:#fffc;margin:0;line-height:1.5}.feed-end-actions{flex-wrap:wrap;gap:8px;margin:36px 0 12px;display:flex}.feed-end-actions .mix-btn{min-width:220px}.feed .mix-btn-light{background:var(--white);color:var(--black)}.feed .mix-btn-light:hover{color:var(--white);background:0 0}.feed .feed-leave{color:var(--mix-muted);min-height:44px;letter-spacing:var(--ls-label);text-transform:uppercase;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.feed .feed-leave:hover{color:var(--white)}@keyframes feed-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}@keyframes feed-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes feed-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-12deg)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(6deg)}45%{transform:translate(-50%,-50%)scale(.95)rotate(0)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-90%)scale(1.1)}}@keyframes feed-hint{0%{opacity:0;transform:translate(-50%,10px)}15%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@media (max-width:1100px){.feed-nav{display:none}}@media (max-width:820px),(max-aspect-ratio:3/4){.feed{--feed-top:0px}.feed-top{padding-left:16px;padding-right:16px}.feed-slide{padding:0}.feed-frame{aspect-ratio:auto;width:100%;max-width:none;height:100%;box-shadow:none}.feed-ambient{display:none}.feed-rail{left:auto;right:12px;bottom:calc(max(24px, env(safe-area-inset-bottom)) + 8px);gap:12px}.feed-info{padding:20px 80px calc(max(24px, env(safe-area-inset-bottom)) + 4px) 16px}.feed-scrub{bottom:env(safe-area-inset-bottom)}.feed-end{padding-left:16px;padding-right:16px}.feed-hint{top:50%;bottom:auto}}.share-mix{--mix-line:#ffffff29;--mix-muted:#fff9;--share-accent:var(--recipe-accent,var(--white));--share-accent-text:var(--recipe-text,var(--black));z-index:400;color:var(--white);outline:none;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.share-mix ::selection{background:var(--white);color:var(--black)}.share-mix :focus-visible{outline:2px solid var(--white);outline-offset:2px}.share-mix button{color:inherit}.share-mix svg{flex:none;width:18px;height:18px}.share-mix-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fade-in .3s var(--ease) both;background:#000000b8;position:absolute;inset:0}.share-mix-panel{isolation:isolate;background:radial-gradient(70% 70% at 100% 100%, color-mix(in srgb, var(--share-accent) 30%, transparent), transparent 65%) no-repeat, var(--black);border:1px solid var(--mix-line);width:min(820px,100%);max-height:calc(100dvh - 48px);animation:item-enter .55s var(--ease-out-cubic) both;flex-direction:column;display:flex;position:relative;overflow:hidden auto;box-shadow:0 40px 120px #0009}.share-mix-top{z-index:2;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;position:sticky;top:0}.share-mix .mix-tool:disabled{opacity:.3;cursor:not-allowed}.share-mix-top{flex-wrap:nowrap}.share-steps{gap:6px;margin:0;padding:0;list-style:none;display:flex}.share-steps li{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--mix-muted);transition:color var(--speed) var(--ease);align-items:center;gap:8px;padding:0 4px;font-size:10px;font-weight:600;display:flex}.share-steps li:before{content:"";background:var(--mix-line);width:28px;height:2px;transition:background-color .3s var(--ease)}.share-steps li.is-done:before{background:var(--white)}.share-steps li.is-current{color:var(--white)}.share-steps li.is-current:before{background:var(--share-accent)}.share-step{animation:item-enter .45s var(--ease-out-cubic) both;flex-direction:column;gap:20px;padding:4px clamp(20px,3vw,40px) clamp(20px,3vw,32px);display:flex}.share-step-actions{justify-content:space-between;gap:8px;display:flex}.share-step-next{min-width:240px}.share-step-next:hover:not(:disabled) svg:last-child{transform:translate(4px)}.share-mix-status{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:320px;padding:24px;display:flex}.share-mix-loading{letter-spacing:var(--ls-label);text-transform:uppercase;animation:pulse 1.6s var(--ease) infinite;margin:0;font-size:11px;font-weight:600}.share-align{flex-direction:column;align-items:center;gap:16px;display:flex}.share-align-stage{width:min(100%, calc(58dvh * var(--ratio)));aspect-ratio:var(--ratio);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff0a;position:relative;overflow:hidden}.share-align-stage:active{cursor:grabbing}.share-align-stage img,.share-align-stage video{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.share-align-frame{outline:1.5px solid var(--white);outline-offset:-1px;pointer-events:none;position:absolute;box-shadow:0 0 0 9999px #0000009e}.share-align-frame i{background:#ffffff59;position:absolute}.share-align-frame i:first-child{width:1px;top:0;bottom:0;left:33.333%}.share-align-frame i:nth-child(2){width:1px;top:0;bottom:0;left:66.666%}.share-align-frame i:nth-child(3){height:1px;top:33.333%;left:0;right:0}.share-align-frame i:nth-child(4){height:1px;top:66.666%;left:0;right:0}.share-align-tools{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:560px;display:flex}.share-align-hint{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--mix-muted);white-space:nowrap;align-items:center;gap:8px;font-size:10px;font-weight:600;display:inline-flex}.share-mix .share-align-hint svg{width:14px;height:14px}.share-align-zoom{flex:1;align-items:center;gap:8px;max-width:280px;display:flex}.share-align-zoom button{border:1px solid var(--mix-line);width:36px;height:36px;transition:border-color var(--speed) var(--ease), opacity var(--speed) var(--ease);background:0 0;flex:none;place-items:center;padding:0;display:grid}.share-align-zoom button:hover:not(:disabled){border-color:var(--white)}.share-align-zoom button:disabled{opacity:.3}.share-mix .share-align-zoom svg{width:14px;height:14px}.share-align-zoom input{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:36px;margin:0}.share-align-zoom input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--white) var(--fill), var(--mix-line) var(--fill));height:2px}.share-align-zoom input::-moz-range-track{background:linear-gradient(90deg, var(--white) var(--fill), var(--mix-line) var(--fill));height:2px}.share-align-zoom input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--white);border:0;width:16px;height:16px;margin-top:-7px}.share-align-zoom input::-moz-range-thumb{background:var(--white);border:0;border-radius:0;width:16px;height:16px}.share-caption-row{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:24px;display:grid}.share-thumb{aspect-ratio:9/16;background:#ffffff0a;position:relative;overflow:hidden}.share-thumb img,.share-thumb video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.share-caption-ask{text-transform:uppercase;font-weight:700;line-height:1.05;letter-spacing:-.04em!important;color:var(--white)!important;font-size:clamp(22px,2.4vw,32px)!important}.share-mix-field{flex-direction:column;gap:10px;display:flex;position:relative}.share-mix-field>span{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--mix-muted);font-size:10px}.share-mix-field textarea{resize:vertical;border:0;border-bottom:1px solid var(--mix-line);width:100%;min-height:160px;color:var(--white);transition:border-color var(--speed) var(--ease);background:0 0;outline:none;padding:14px 0 28px;font-size:18px;line-height:1.45}.share-mix-field textarea::placeholder{color:#ffffff59}.share-mix-field textarea:focus{border-bottom-color:var(--white)}.share-mix-field em{font-variant-numeric:tabular-nums;color:var(--mix-muted);font-size:11px;font-style:normal;position:absolute;bottom:8px;right:0}.share-mix-field em.is-low{color:var(--share-accent)}.share-mix-error{color:#ff9c9c;margin:0;font-size:14px}.share-mix-submit{isolation:isolate;width:100%;min-height:60px;font-size:12px;position:relative;overflow:hidden}.share-mix-submit:hover:not(:disabled) svg:last-child{transform:translate(4px)}.share-mix .share-mix-submit.is-uploading{opacity:1;cursor:progress;color:var(--white);background:0 0}.share-mix-submit.is-uploading:before{content:"";z-index:-1;background:var(--share-accent);transform:scaleX(var(--progress));transform-origin:0;transition:transform .3s var(--ease-out-cubic);position:absolute;inset:0}.share-mix-submit.is-uploading span,.share-mix-submit.is-uploading svg{color:var(--share-accent-text);mix-blend-mode:normal}.share-mix-fine{color:var(--mix-muted);margin:-8px 0 0;font-size:12px;line-height:1.5}.share-mix-fine strong{color:var(--white);font-weight:600}.share-mix-done{padding:clamp(24px,6vw,96px) clamp(20px,5vw,72px) clamp(32px,6vw,96px)}.share-mix-done>*{animation:item-enter .7s var(--ease-out-cubic) both}.share-mix-done>:nth-child(2){animation-delay:60ms}.share-mix-done>:nth-child(3){animation-delay:.12s}.share-mix-done>:nth-child(4){animation-delay:.18s}.share-mix-done-icon{background:var(--share-accent);width:64px;height:64px;color:var(--share-accent-text);place-items:center;margin-bottom:32px;display:grid}.share-mix .share-mix-done-icon svg{width:30px;height:30px}.share-mix-done h2{letter-spacing:var(--ls-display);text-transform:uppercase;margin:0 0 20px;font-size:clamp(56px,9vw,150px);font-weight:700;line-height:.86}.share-mix-done p{max-width:520px;font-size:var(--fs-lead);color:#fffc;margin:0;line-height:1.5}.share-mix-done-actions{flex-wrap:wrap;gap:8px;margin-top:36px;display:flex}.share-mix-done-actions .mix-btn{min-width:220px}.share-mix .mix-btn-light{background:var(--white);color:var(--black)}.share-mix .mix-btn-light:hover:not(:disabled){color:var(--white);background:0 0}@media (max-width:820px){.share-mix{padding:0}.share-mix-panel{border:0;width:100%;height:100dvh;max-height:none}.share-mix-top .mix-brand span{display:none}.share-mix-top{padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top))}.share-mix-field textarea{min-height:104px;font-size:16px}.share-mix-panel{overflow:hidden auto}.share-steps li{font-size:9px}.share-steps li:before{width:16px}.share-step{padding:0 16px max(20px, env(safe-area-inset-bottom));flex:1}.share-align{flex:1;justify-content:center}.share-align-stage{width:min(100%, calc(56dvh * var(--ratio)))}.share-align-hint span,.share-align-hint{font-size:9px}.share-step-actions{margin-top:auto}.share-step-actions .mix-btn-ghost{padding:0 16px}.share-step-actions .mix-btn-ghost span{display:none}.share-step-next{flex:1;min-width:0}.share-caption-row{grid-template-columns:84px minmax(0,1fr);gap:16px}.share-mix-done{padding:24px 16px max(32px, env(safe-area-inset-bottom))}.share-mix-done-actions .mix-btn{width:100%}}.cr{--mix-line:#ffffff29;--mix-muted:#fff9;--cr-field:#ffffff0f;z-index:300;background:var(--black);height:100dvh;color:var(--white);animation:fade-in .35s var(--ease-out-cubic) both;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0;overflow:hidden}.cr ::selection{background:var(--white);color:var(--black)}.cr :focus-visible{outline:2px solid var(--white);outline-offset:2px}.cr button{color:inherit}.cr svg{flex:none;width:18px;height:18px}.cr .mix-btn-light{background:var(--white);color:var(--black)}.cr .mix-btn-light:hover{color:var(--white);background:0 0}.cr .mix-next.is-blocked{opacity:.45}.cr .mix-next.is-blocked:hover{background:var(--white);color:var(--black)}.cr-bg{z-index:-1;background:var(--black);transition:background-color .6s var(--ease);position:absolute;inset:0}.cr.has-tea .cr-bg{background:color-mix(in srgb, var(--recipe-accent) 22%, var(--black))}.cr-top{padding:16px var(--gutter);padding-top:max(16px, env(safe-area-inset-top));grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.cr-top-meta{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.cr-top-meta small{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--recipe-soft);font-size:10px}.cr-top-meta strong{text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-size:14px;font-weight:700;overflow:hidden}.cr-close{justify-self:end}.cr-progress button{position:relative}.cr-progress button:disabled{cursor:default}.cr-progress em{letter-spacing:var(--ls-label);text-transform:uppercase;text-align:left;color:var(--mix-muted);white-space:nowrap;text-overflow:ellipsis;transition:color var(--speed) var(--ease);margin-top:8px;font-size:10px;font-style:normal;font-weight:600;display:block;overflow:hidden}.cr-progress .is-current em{color:var(--white)}.cr-progress .is-done em{color:#fffc}.cr-stage{overscroll-behavior:contain;min-height:0;padding:clamp(32px, 7vh, 88px) var(--gutter) 48px;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start;gap:clamp(32px,5vw,96px);display:grid;overflow-y:auto}.cr-intro{position:sticky;top:0}.cr-intro>*{animation:item-enter .7s var(--ease-out-cubic) both}.cr-intro>:nth-child(2){animation-delay:50ms}.cr-intro>:nth-child(3){animation-delay:.1s}.cr-number{letter-spacing:-.085em;font-variant-numeric:tabular-nums;color:#0000;-webkit-text-stroke:1.4px #ffffff80;-webkit-user-select:none;user-select:none;margin-bottom:clamp(20px,3vw,40px);font-size:clamp(64px,8vw,140px);font-weight:700;line-height:.78}.cr-number span{letter-spacing:0;-webkit-text-stroke:0;color:var(--mix-muted);vertical-align:top;margin-left:.35em;font-size:.2em}.cr-intro h1{letter-spacing:var(--ls-display);text-transform:uppercase;text-wrap:balance;margin:0 0 20px;font-size:clamp(44px,5.4vw,104px);font-weight:700;line-height:.9}.cr-intro h1.is-long{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:clamp(32px,3vw,56px)}.cr-intro p{max-width:440px;font-size:var(--fs-lead);color:#ffffffbf;margin:0;line-height:1.5}.cr-body{min-width:0;animation:cr-in .6s 80ms var(--ease-out-cubic) both}.cr-stage.dir--1 .cr-body{animation-name:cr-back}@keyframes cr-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes cr-back{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}.cr-bottom{z-index:2;position:relative}.cr-hint{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;min-width:0;display:flex}.cr-hint small{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--mix-muted);font-size:10px}.cr-hint span{text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:700;overflow:hidden}.cr-hint.is-error span{color:var(--recipe-soft);animation:cr-shake .4s var(--ease)}@keyframes cr-shake{0%,to{transform:none}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.cr-error{font-size:14px;color:#ff9c9c!important}.cr-publish{isolation:isolate;position:relative;overflow:hidden}.cr .cr-publish.is-publishing{color:var(--white);cursor:progress;background:0 0}.cr-publish.is-publishing:before{content:"";z-index:-1;background:var(--recipe-accent);transform:scaleX(var(--progress));transform-origin:0;transition:transform .3s var(--ease-out-cubic);position:absolute;inset:0}.cr-publish.is-publishing span,.cr-publish.is-publishing svg{color:var(--recipe-text)}.cr-label{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--mix-muted);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;font-size:10px;font-weight:600;display:flex}.cr-label small{font-size:inherit;opacity:.7;font-weight:400}.cr-label em{font-variant-numeric:tabular-nums;font-style:normal}.cr-label em.is-low{color:var(--recipe-soft)}.cr-form{flex-direction:column;gap:36px;display:flex}.cr-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.cr-field{display:block}.cr input,.cr textarea,.cr select{font:inherit;color:var(--white)}.cr input::placeholder,.cr textarea::placeholder{color:#ffffff4d}.cr-field textarea,.cr-inline-input{border:0;border-bottom:1px solid var(--mix-line);resize:vertical;width:100%;transition:border-color var(--speed) var(--ease);background:0 0;outline:none;padding:12px 0;font-size:18px;line-height:1.45}.cr-field textarea:focus,.cr-inline-input:focus{border-bottom-color:var(--white)}.cr-inline-input{margin-top:12px;font-size:15px}.cr-title-input{border:0;border-bottom:1px solid var(--mix-line);letter-spacing:-.05em;text-transform:uppercase;width:100%;transition:border-color var(--speed) var(--ease);background:0 0;outline:none;padding:0 0 14px;font-weight:700;line-height:1;font-size:clamp(32px,3.6vw,60px)!important}.cr-title-input:focus{border-bottom-color:var(--recipe-accent)}.cr-chips{flex-wrap:wrap;gap:8px;display:flex}.cr-chips button{border:1px solid var(--mix-line);background:var(--cr-field);min-height:42px;transition:border-color var(--speed) var(--ease), background-color var(--speed) var(--ease), color var(--speed) var(--ease);align-items:center;gap:6px;padding:0 16px;font-size:13px;display:inline-flex}.cr-chips button:hover{border-color:#ffffff80}.cr-chips button.is-active{background:var(--white);border-color:var(--white);color:var(--black)}.cr .cr-chips svg{width:14px;height:14px}.cr-stepper>div{border:1px solid var(--mix-line);background:var(--cr-field);align-items:center;height:56px;display:flex}.cr-stepper button{width:56px;height:100%;transition:background-color var(--speed) var(--ease), opacity var(--speed) var(--ease);background:0 0;border:0;place-items:center;display:grid}.cr-stepper button:hover:not(:disabled){background:#ffffff14}.cr-stepper button:disabled{opacity:.25}.cr-stepper strong{text-align:center;letter-spacing:-.03em;font-variant-numeric:tabular-nums;flex:1;font-size:22px;font-weight:700}.cr-stepper small{color:var(--mix-muted);letter-spacing:0;font-size:12px;font-weight:400}.cr-icon{width:40px;height:40px;transition:color var(--speed) var(--ease), opacity var(--speed) var(--ease);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;color:var(--mix-muted)!important}.cr-icon:hover:not(:disabled){color:var(--white)!important}.cr-icon:disabled{opacity:.2}.cr .cr-icon svg{width:16px;height:16px}.cr-add{min-height:52px;letter-spacing:var(--ls-label);text-transform:uppercase;transition:border-color var(--speed) var(--ease), background-color var(--speed) var(--ease);background:0 0;border:1px dashed #ffffff4d;align-items:center;gap:10px;padding:0 18px;font-size:11px;font-weight:600;display:inline-flex}.cr-add:hover{border-color:var(--white);background:#ffffff0a}.cr-teas{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cr-tea{border:1px solid var(--mix-line);background:var(--cr-field);text-align:left;transition:border-color .3s var(--ease), background-color .3s var(--ease), transform .3s var(--ease-out-cubic);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;padding:12px 44px 12px 12px;display:grid;position:relative}.cr-tea:hover{border-color:#ffffff73;transform:translateY(-2px)}.cr-tea.is-active{border-color:var(--tea);background:color-mix(in srgb, var(--tea) 22%, transparent)}.cr-tea-media{aspect-ratio:1;background:var(--tea-soft);position:relative;overflow:hidden}.cr-tea-media img{object-fit:contain;transition:transform .6s var(--ease-out-cubic)}.cr-tea:hover .cr-tea-media img{transform:scale(1.06)rotate(-2deg)}.cr-tea-copy strong{letter-spacing:-.035em;text-transform:uppercase;font-size:clamp(18px,1.5vw,24px);font-weight:700;line-height:1;display:block}.cr-tea-check{border:1px solid var(--mix-line);color:#0000;width:24px;height:24px;transition:background-color .3s var(--ease), border-color .3s var(--ease);place-items:center;display:grid;position:absolute;top:12px;right:12px}.cr-tea.is-active .cr-tea-check{background:var(--tea);border-color:var(--tea);color:var(--tea-text);animation:feed-pop .35s var(--ease-out-cubic)}.cr .cr-tea-check svg{width:14px;height:14px}.cr-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cr-cats button{border:1px solid var(--mix-line);background:var(--cr-field);text-align:left;min-height:72px;transition:border-color var(--speed) var(--ease), background-color var(--speed) var(--ease), color var(--speed) var(--ease);flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:12px 14px;display:flex}.cr-cats strong{text-transform:uppercase;letter-spacing:-.01em;font-size:16px;font-weight:700}.cr-cats small{color:var(--mix-muted);font-size:12px}.cr-cats button:hover,.cr-serve button:hover{border-color:#ffffff73}.cr-cats button.is-active{background:var(--white);border-color:var(--white);color:var(--black)}.cr-cats button.is-active small{color:#0009}.cr-serve{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cr-serve button{border:1px solid var(--mix-line);background:var(--cr-field);text-transform:uppercase;min-height:152px;transition:border-color var(--speed) var(--ease), background-color var(--speed) var(--ease), color var(--speed) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.cr .cr-serve svg{width:28px;height:28px}.cr-serve .is-cold{--serve:#3b82f6}.cr-serve .is-hot{--serve:#e5372b}.cr-serve button svg{color:var(--serve);transition:color var(--speed) var(--ease)}.cr-serve button:hover{border-color:var(--serve)}.cr-serve button.is-active{background:var(--serve);border-color:var(--serve);color:var(--white)}.cr-serve button.is-active svg{color:var(--white)}.cr-photo-pick{background:var(--cr-field);width:100%;min-height:min(52vh,460px);transition:border-color var(--speed) var(--ease), background-color var(--speed) var(--ease);border:1px dashed #ffffff4d;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.cr-photo-pick:hover{border-color:var(--recipe-accent);background:color-mix(in srgb, var(--recipe-accent) 10%, transparent)}.cr-photo-icon{background:var(--recipe-accent);width:80px;height:80px;color:var(--recipe-text);transition:transform .4s var(--ease-out-cubic);place-items:center;display:grid}.cr-photo-pick:hover .cr-photo-icon{transform:scale(1.06)rotate(-3deg)}.cr .cr-photo-icon svg{width:30px;height:30px}.cr-photo-pick strong{text-transform:uppercase;letter-spacing:-.02em;font-size:20px;font-weight:700}.cr-photo-pick small{color:var(--mix-muted);font-size:12px}.cr-photo-pick:disabled strong{animation:pulse 1.6s var(--ease) infinite}.cr-photo-preview{animation:item-enter .5s var(--ease-out-cubic) both;grid-template-rows:auto auto;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);align-items:start;gap:12px;display:grid}.cr-photo-card,.cr-photo-wide{background:var(--cr-field);position:relative;overflow:hidden}.cr-photo-card{aspect-ratio:4/5}.cr-photo-wide{aspect-ratio:16/10}.cr-photo-card img,.cr-photo-wide img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cr-photo-preview .mix-btn{grid-column:1/-1;justify-self:start}.cr-badge{background:var(--white);color:var(--black);letter-spacing:var(--ls-label);text-transform:uppercase;padding:5px 8px;font-size:10px;position:absolute;top:10px;left:10px}.cr-ingredients{flex-direction:column;gap:24px;display:flex}.cr-ingredients ul{margin:0;padding:0;list-style:none}.cr-ingredients li:first-child{align-items:start;min-height:54px;padding-bottom:10px}.cr-ingredients li:first-child>*{align-self:start}.cr-ingredients li{border-bottom:1px solid var(--mix-line);min-height:64px;animation:item-enter .4s var(--ease-out-cubic) both;grid-template-columns:84px 92px minmax(0,1fr) 40px;align-items:center;gap:8px;display:grid}.cr-ingredients input,.cr-ingredients select{background:var(--cr-field);height:44px;transition:border-color var(--speed) var(--ease);border:1px solid #0000;outline:none;min-width:0;padding:0 12px;font-size:15px}.cr-ingredients input:focus,.cr-ingredients select:focus{border-color:#ffffff80}.cr-ingredients select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px;padding-right:26px}.cr-ingredients select option{color:var(--black)}.cr-qty{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.cr-name{width:100%}.cr-tea-label{grid-column:3/5;align-items:center;height:44px;padding:0 12px;font-size:15px;display:flex}.cr-ingredients .cr-add{align-self:flex-start}.cr-steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.cr-steps>li:not(.cr-steps-add){border:1px solid var(--mix-line);background:var(--cr-field);animation:item-enter .45s var(--ease-out-cubic) both;transition:border-color var(--speed) var(--ease);padding:18px 18px 14px}.cr-steps>li:focus-within{border-color:#ffffff73}.cr-step-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.cr-step-num{letter-spacing:-.08em;font-variant-numeric:tabular-nums;color:#0000;-webkit-text-stroke:1.1px #ffffff8c;font-size:34px;font-weight:700;line-height:.8}.cr-steps>li:focus-within .cr-step-num{-webkit-text-stroke-color:var(--recipe-accent)}.cr-step-head input{text-transform:uppercase;letter-spacing:-.02em;background:0 0;border:0;border-bottom:1px solid #0000;outline:none;width:100%;height:44px;padding:0;font-weight:700;font-size:18px!important}.cr-step-head input:focus{border-bottom-color:var(--mix-line)}.cr-step-tools{display:flex}.cr-steps textarea{border:0;border-top:1px solid var(--mix-line);resize:vertical;color:#ffffffe6;background:0 0;outline:none;width:100%;margin-top:8px;padding:10px 0;font-size:15px;line-height:1.5}.cr-timer{color:var(--mix-muted);cursor:text;align-items:center;gap:10px;margin-top:6px;display:inline-flex}.cr-timer input{border:1px solid var(--mix-line);text-align:center;background:0 0;outline:none;width:56px;height:36px;padding:0 8px;font-weight:700;font-size:14px!important}.cr-timer input:focus{border-color:var(--recipe-accent)}.cr-timer span{letter-spacing:var(--ls-label);text-transform:uppercase;font-size:11px;font-weight:600}.cr-timer small{opacity:.7;font-weight:400}.cr .cr-timer svg{width:16px;height:16px}.cr-duration{border-left:2px solid var(--recipe-accent);background:var(--cr-field);grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;margin-top:8px;padding:16px 18px;display:grid}.cr .cr-duration svg{width:22px;height:22px;color:var(--recipe-soft);grid-row:span 2}.cr-duration span{text-transform:uppercase;letter-spacing:.02em;font-size:14px}.cr-duration strong{letter-spacing:-.02em;font-size:18px}.cr-duration small{color:var(--mix-muted);font-size:12px}.cr-review{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(20px,3vw,40px);display:grid}.cr-review-card{background:var(--white);color:var(--black);animation:item-enter .6s var(--ease-out-cubic) both;box-shadow:0 40px 100px #00000080}.cr-review-media{aspect-ratio:4/5;background:var(--surface);position:relative;overflow:hidden}.cr-review-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cr-review-media .cr-badge{background:var(--white)}.cr-review-body{padding:18px}.cr-review-body h3{font-size:var(--fs-card);letter-spacing:-.03em;text-transform:uppercase;margin:0 0 12px;font-weight:700;line-height:1.1}.cr-review-facts{flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.cr-review-facts span{align-items:center;gap:6px;display:inline-flex}.cr .cr-review-facts svg{width:14px;height:14px}.cr-review-list{flex-direction:column;gap:28px;display:flex}.cr-review-list h4{border-bottom:1px solid var(--mix-line);letter-spacing:-.03em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin:0 0 8px;padding-bottom:10px;font-size:20px;font-weight:700;display:flex}.cr-review-list h4 small{letter-spacing:var(--ls-label);color:var(--mix-muted);font-size:11px;font-weight:400}.cr-review-list ul,.cr-review-list ol{margin:0;padding:0;list-style:none}.cr-review-list li{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:16px;padding:10px 0;font-size:15px;display:flex}.cr-review-list li em{white-space:nowrap;font-style:normal;font-weight:700}.cr-review-list ol li{justify-content:flex-start}.cr-review-list ol b{min-width:28px;color:var(--recipe-soft);font-variant-numeric:tabular-nums}.cr-review-list ol small{color:var(--mix-muted)}.cr-review-note{border-left:2px solid var(--recipe-accent);background:var(--cr-field);color:#ffffffbf;margin:0;padding:16px;font-size:13px;line-height:1.5}.cr-review-note strong{color:var(--white)}.cr-gate,.cr-done{padding:24px var(--gutter) max(40px, env(safe-area-inset-bottom));grid-row:2/5;align-self:center;max-width:980px}.cr-gate>*,.cr-done>*{animation:item-enter .8s var(--ease-out-cubic) both}.cr-gate>:nth-child(2),.cr-done>:nth-child(2){animation-delay:60ms}.cr-gate>:nth-child(3),.cr-done>:nth-child(3){animation-delay:.12s}.cr-done>:nth-child(4){animation-delay:.18s}.cr-gate h1,.cr-done h1{letter-spacing:var(--ls-display);text-transform:uppercase;margin:0 0 24px;font-size:clamp(56px,9vw,160px);font-weight:700;line-height:.86}.cr-gate p,.cr-done p{max-width:540px;font-size:var(--fs-lead);color:#ffffffc7;margin:0 0 36px;line-height:1.5}.cr-gate .mix-btn{min-width:280px}.cr-done-icon{background:var(--recipe-accent);width:64px;height:64px;color:var(--recipe-text);place-items:center;margin-bottom:32px;display:grid}.cr .cr-done-icon svg{width:30px;height:30px}.cr-done-actions{flex-wrap:wrap;gap:8px;display:flex}.cr-done-actions .mix-btn{min-width:240px}.catalog-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px;display:flex}.catalog-create{flex:none}@media (max-width:1100px){.cr-stage{grid-template-columns:1fr;gap:32px;padding-top:32px}.cr-intro{position:static}.cr-number{display:none}.cr-intro h1{font-size:clamp(40px,7vw,72px)}}@media (max-width:820px){.cr-top{grid-template-columns:1fr auto;padding-left:16px;padding-right:16px}.cr-top-meta{display:none}.cr-progress{gap:4px;padding:0 16px}.cr-progress em{display:none}.cr-stage{gap:24px;padding:24px 16px 32px}.cr-intro h1{margin-bottom:12px;font-size:clamp(36px,11vw,56px)}.cr-intro p{font-size:15px}.cr-intro h1.is-long{font-size:clamp(28px,8.2vw,44px)}.cr-teas,.cr-split,.cr-review{grid-template-columns:1fr}.cr-tea{grid-template-columns:72px minmax(0,1fr)}.cr-serve button{min-height:96px}.cr-form{gap:28px}.cr-photo-preview{grid-template-columns:1fr 1fr}.cr-photo-wide{grid-area:1/1/auto/-1}.cr-ingredients li{grid-template-columns:64px 76px minmax(0,1fr) 32px;gap:6px}.cr-ingredients input,.cr-ingredients select{padding:0 8px;font-size:16px}.cr-ingredients select{background-position:calc(100% - 13px),calc(100% - 8px);padding-right:22px}.cr-steps>li:not(.cr-steps-add){padding:14px 12px 10px}.cr-step-head{gap:10px}.cr-step-tools .cr-icon{width:32px}.cr-field textarea,.cr-steps textarea{font-size:16px}.cr-bottom{grid-template-columns:auto 1fr;padding-left:16px;padding-right:16px}.cr-hint{display:none}.cr-hint.is-error{background:var(--white);color:var(--black);text-align:left;box-shadow:var(--shadow);animation:item-enter .3s var(--ease-out-cubic) both;align-items:flex-start;padding:12px 14px;display:flex;position:absolute;bottom:calc(100% + 8px);left:16px;right:16px}.cr-hint.is-error span{color:var(--black);white-space:normal;animation:none}.cr-bottom .mix-back span{display:none}.cr-bottom .mix-back{padding:0 16px}.cr-bottom .mix-next{min-width:0}.cr-gate,.cr-done{padding-left:16px;padding-right:16px}.cr-gate .mix-btn,.cr-done-actions .mix-btn{width:100%;min-width:0}}@media (max-width:600px){.catalog-create{width:100%}}.reviews-layout{grid-template-columns:minmax(280px,380px) 1fr;align-items:start;gap:clamp(40px,6vw,96px);margin-top:32px;display:grid}.reviews-summary{top:calc(var(--header-height) + 24px);position:sticky}.reviews-score{align-items:center;gap:16px;display:flex}.reviews-score>strong{letter-spacing:var(--ls-display);font-size:clamp(64px,6vw,96px);font-weight:700;line-height:.9}.reviews-score>div>span:last-child{color:var(--muted);margin-top:6px;font-size:14px;display:block}.stars{gap:2px;display:inline-flex}.reviews-bars{gap:8px;margin:24px 0 0;padding:0;list-style:none;display:grid}.reviews-bars li{grid-template-columns:34px 1fr 32px;align-items:center;gap:10px;font-size:13px;display:grid}.reviews-bars li>span{align-items:center;gap:3px;display:inline-flex}.reviews-bars i{background:var(--line-soft);height:6px;display:block}.reviews-bars b{background:var(--ink);height:100%;display:block}.reviews-bars em{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-style:normal}.review-form{border-top:1px solid var(--line);gap:16px;margin-top:32px;padding-top:28px;display:grid}.review-form h3{letter-spacing:-.03em;text-transform:uppercase;margin:0;font-size:22px;font-weight:700}.review-star-input{margin-left:-8px;display:flex}.review-star-input button{width:46px;height:46px;transition:transform var(--speed) var(--ease);background:0 0;border:0;place-items:center;display:grid}.review-star-input button:hover{transform:translateY(-2px)}.review-textarea{gap:10px;display:grid}.review-textarea textarea{resize:none;border:0;border-bottom:1px solid var(--line);width:100%;min-height:96px;font:inherit;color:var(--ink);transition:border-color var(--speed) var(--ease);background:0 0;border-radius:0;padding:0 0 12px;font-size:16px;line-height:1.5}.review-textarea textarea::placeholder{color:var(--muted)}.review-textarea textarea:hover{border-bottom-color:rgb(var(--ink-rgb) / .45)}.review-textarea textarea:focus{border-bottom-color:var(--ink);outline:none}.review-textarea small{color:var(--muted);font-variant-numeric:tabular-nums;opacity:0;transition:opacity var(--speed) var(--ease);justify-self:end;font-size:11px}.review-textarea:focus-within small{opacity:1}.review-hint{color:var(--muted);margin:-4px 0 0;font-size:13px}.review-thanks{border-top:1px solid var(--line);align-items:center;gap:8px;margin:32px 0 0;padding-top:24px;font-size:16px;display:flex}.review-thanks svg{width:18px;height:18px}.reviews-toolbar{border-bottom:1px solid var(--line);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.reviews-toolbar label{display:block}.reviews-toolbar select{appearance:none;border:1px solid var(--line);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;min-width:180px;height:40px;font:inherit;color:var(--ink);text-transform:none;letter-spacing:0;cursor:pointer;transition:border-color var(--speed) var(--ease);border-radius:0;padding:0 40px 0 14px;font-size:14px;line-height:1}.reviews-toolbar select:hover,.reviews-toolbar select:focus-visible{border-color:var(--ink);outline:none}.theme-dark .reviews-toolbar select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.reviews-list>ul{margin:0 0 24px;padding:0;list-style:none}.review{border-bottom:1px solid var(--line);animation:item-enter .5s var(--ease-out-cubic) both;padding:24px 0}.review.is-own{background:var(--surface);border-bottom:0;margin-top:16px;padding:24px 20px}.review-head{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.review-head strong{font-size:15px;font-weight:700;display:block}.review-made{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--success);align-items:center;gap:5px;margin-top:14px;font-size:10px;display:inline-flex}.review-made svg{width:12px;height:12px}.review>p{max-width:46rem;margin:10px 0 0;font-size:16px;line-height:1.6}.review-actions{margin-top:12px}.review-actions button{min-height:36px;color:var(--muted);transition:color var(--speed) var(--ease);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;display:inline-flex}.review-actions button:hover,.review-actions button.is-active{color:var(--ink)}.review-actions svg{width:15px;height:15px}.shop-cta{background:var(--black);color:var(--white);margin-top:var(--section-space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.shop-cta-copy{padding:clamp(48px, 7vw, 120px) clamp(var(--gutter-base), 5vw, 96px) clamp(48px, 7vw, 120px) var(--gutter);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.shop-cta h2{font-size:var(--fs-section);letter-spacing:var(--ls-display);text-transform:uppercase;margin:0 0 24px;font-weight:700;line-height:.92}.shop-cta-copy>p{max-width:32rem;font-size:var(--fs-lead);color:#ffffffd1;margin:0;line-height:1.5}.shop-cta-actions{flex-wrap:wrap;align-items:center;gap:12px 28px;margin:36px 0 0;display:flex}.shop-cta-actions .button{min-width:260px}.shop-cta .button-light{background:var(--white);color:var(--black);border-color:var(--white)}.shop-cta-image{min-height:520px;position:relative;overflow:hidden}.shop-cta-image img{object-fit:cover;background:var(--white);transition:transform 1.2s var(--ease-out-cubic)}.shop-cta:hover .shop-cta-image img{transform:scale(1.03)}.mix-mode{--mix-line:#ffffff29;--mix-muted:#fff9;z-index:300;background:var(--black);height:100dvh;color:var(--white);animation:fade-in .35s var(--ease-out-cubic) both;outline:none;grid-template-rows:auto auto 1fr auto;display:grid;position:fixed;inset:0;overflow:hidden}.mix-mode ::selection{background:var(--white);color:var(--black)}.mix-mode :focus-visible{outline-color:var(--white)}.mix-mode button{color:inherit}.mix-mode svg{flex:none;width:18px;height:18px}.mix-bg{z-index:-1;position:absolute;inset:0}.mix-bg img{object-fit:cover;filter:grayscale()contrast(1.1);opacity:.16;transition:opacity .8s var(--ease-out-cubic), transform 1.2s var(--ease-out-cubic), filter .8s var(--ease);transform:scale(1.06)}.mix-bg:after{content:"";background:radial-gradient(120% 90% at 85% 100%, color-mix(in srgb, var(--recipe-accent) 38%, transparent), transparent 60%), linear-gradient(90deg, var(--black) 0%, #000000c7 45%, #0000008c 100%);position:absolute;inset:0}.mix-mode.is-complete .mix-bg img{opacity:.5;filter:grayscale(0);transform:scale(1)}.mix-mode.is-complete .mix-bg:after{background:linear-gradient(0deg, var(--black) 8%, #0000008c 60%, #00000059 100%)}.mix-top{padding:16px var(--gutter);padding-top:max(16px, env(safe-area-inset-top));grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.mix-brand{align-items:center;gap:12px;display:flex}.mix-brand img{object-fit:contain;filter:invert();width:56px;height:28px}.mix-brand span{letter-spacing:var(--ls-label);text-transform:uppercase;border-left:1px solid var(--mix-line);padding-left:12px;font-size:11px;font-weight:600;line-height:1.2}.mix-meta{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.mix-meta small{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--recipe-soft);font-size:10px}.mix-meta strong{letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-size:14px;font-weight:700;overflow:hidden}.mix-tools{justify-content:flex-end;gap:8px;display:flex}.mix-tool{border:1px solid var(--mix-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:44px;height:44px;letter-spacing:var(--ls-label);text-transform:uppercase;transition:border-color var(--speed) var(--ease), background-color var(--speed) var(--ease);background:#0000004d;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.mix-tool:hover{border-color:var(--white);background:#ffffff14}.mix-tool b{color:var(--mix-muted);font-variant-numeric:tabular-nums;font-weight:400}.mix-progress{padding:0 var(--gutter);gap:6px;margin:0;list-style:none;display:flex}.mix-progress li{flex:1}.mix-progress button{background:0 0;border:0;width:100%;padding:10px 0;display:block}.mix-progress span{background:var(--mix-line);height:3px;display:block;position:relative;overflow:hidden}.mix-progress span:after{content:"";background:var(--white);transform-origin:0;transition:transform .5s var(--ease-out-cubic), background-color .3s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.mix-progress .is-done span:after{transform:scaleX(1)}.mix-progress .is-current span:after{background:var(--recipe-accent);transform:scaleX(1)}.mix-progress button:hover span{background:#ffffff59}.mix-stage{min-height:0;padding:clamp(40px, 11vh, 140px) var(--gutter) 32px;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-content:start;align-items:start;gap:clamp(24px,4vw,80px);display:grid;overflow-y:auto}.mix-number{letter-spacing:-.085em;font-variant-numeric:tabular-nums;color:#0000;-webkit-text-stroke:1.5px #ffffff8c;-webkit-user-select:none;user-select:none;animation:mix-number-in .9s var(--ease-out-cubic) both;font-size:clamp(96px,15vw,260px);font-weight:700;line-height:.78}.mix-number span{letter-spacing:0;-webkit-text-stroke:0;color:var(--mix-muted);vertical-align:top;margin-left:.35em;font-size:.16em}.mix-copy{max-width:760px}.mix-copy>*{animation:item-enter .7s var(--ease-out-cubic) both}.mix-copy>:nth-child(2){animation-delay:60ms}.mix-copy>:nth-child(3){animation-delay:.12s}.mix-copy>:nth-child(4){animation-delay:.18s}.mix-kicker{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;align-items:center;gap:12px;display:inline-flex}.mix-kicker-icon{background:var(--recipe-accent);width:36px;height:36px;color:var(--white);place-items:center;display:grid}.mix-copy h1,.mix-done h1{letter-spacing:var(--ls-display);text-transform:uppercase;text-wrap:balance;margin:0 0 20px;font-size:clamp(40px,min(6.6vw,13vh),128px);font-weight:700;line-height:.9}.mix-copy>p{max-width:560px;font-size:var(--fs-lead);color:#ffffffd1;margin:0;line-height:1.5}.mix-btn{border:1px solid var(--white);min-height:52px;letter-spacing:var(--ls-label);text-transform:uppercase;transition:background-color var(--speed) var(--ease), color var(--speed) var(--ease), border-color var(--speed) var(--ease), opacity var(--speed) var(--ease);justify-content:space-between;align-items:center;gap:20px;padding:0 22px;font-size:11px;font-weight:600;display:inline-flex}.mix-btn svg{transition:transform var(--speed) var(--ease)}.mix-mode .mix-btn-light{background:var(--white);color:var(--black)}.mix-btn-light:hover{color:var(--white);background:0 0}.mix-btn-ghost{border-color:var(--mix-line);background:0 0}.mix-btn-ghost:hover:not(:disabled){border-color:var(--white)}.mix-btn:disabled{opacity:.25;cursor:not-allowed}.mix-next:hover svg:last-child{transform:translate(4px)}.mix-back:hover:not(:disabled) svg{transform:translate(-4px)}.mix-bottom{padding:16px var(--gutter);padding-bottom:max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--mix-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;display:grid}.mix-upnext{flex-direction:column;align-items:flex-end;gap:2px;min-width:0;display:flex}.mix-upnext small{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--mix-muted);font-size:10px}.mix-upnext span{text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:700;overflow:hidden}.mix-next{min-width:260px}.mix-done{min-height:0;padding:24px var(--gutter) max(40px, env(safe-area-inset-bottom));flex-direction:column;grid-row:3/5;align-self:stretch;align-items:flex-start;max-width:1100px;display:flex;overflow-y:auto}.mix-done>:first-child{margin-top:auto}.mix-done>*{animation:item-enter .8s var(--ease-out-cubic) both}.mix-done>:nth-child(2){animation-delay:80ms}.mix-done>:nth-child(3){animation-delay:.16s}.mix-done>:nth-child(4){animation-delay:.24s}.mix-done>:nth-child(5){animation-delay:.32s}.mix-done h1{font-size:clamp(48px,min(9vw,17vh),160px)}@media (min-width:821px) and (max-height:820px){.mix-done .mix-upload{margin:20px 0 8px}.mix-done h1{margin-bottom:12px}}.mix-drawer-backdrop{z-index:5;opacity:0;pointer-events:none;transition:opacity .3s var(--ease);background:#00000080;position:absolute;inset:0}.mix-drawer-backdrop.is-open{opacity:1;pointer-events:auto}.mix-drawer{z-index:6;background:var(--white);width:min(440px,100%);color:var(--black);padding:20px 24px;padding-top:max(20px, env(safe-area-inset-top));transition:transform .4s var(--ease-out-cubic);position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.mix-drawer.is-open{transform:translate(0)}.mix-drawer .mix-tool{border-color:var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.mix-drawer .mix-tool:hover{border-color:var(--black)}.mix-drawer-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.mix-drawer-head small{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted);font-size:10px;display:block}.mix-drawer-head strong{letter-spacing:var(--ls-h3);text-transform:uppercase;font-size:32px;font-weight:700;line-height:1}.mix-drawer-progress{background:var(--line-soft);height:3px;margin-bottom:8px}.mix-drawer-progress span{background:var(--black);height:100%;transition:width .35s var(--ease-out-cubic);display:block}.mix-drawer ul{margin:0;padding:0;list-style:none}.mix-drawer label{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;min-height:60px;display:grid}.mix-drawer input{opacity:0;pointer-events:none;position:absolute}.mix-check{width:24px;height:24px;transition:background-color var(--speed) var(--ease);border:1px solid #00000059;place-items:center;display:grid}.mix-check svg{opacity:0;width:14px;height:14px}.mix-drawer input:checked+.mix-check{background:var(--black);border-color:var(--black);color:var(--white)}.mix-drawer input:checked+.mix-check svg{opacity:1}.mix-drawer input:checked~strong{color:var(--muted);text-decoration:line-through}.mix-drawer input:focus-visible+.mix-check{outline:2px solid var(--black);outline-offset:3px}.mix-drawer label strong{font-size:16px;font-weight:400}.mix-drawer label em{font-size:14px;font-style:normal;font-weight:700}.mix-timer{margin-top:clamp(28px,4vh,48px)}.mix-timer-body{flex-direction:column;gap:6px;min-width:0;display:flex}.mix-timer-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.mix-timer.is-paused .rolling-clock{animation:pulse 1.6s var(--ease) infinite}.mix-timer.is-finished .rolling-clock{color:var(--recipe-soft)}.rolling-clock{letter-spacing:-.05em;font-variant-numeric:tabular-nums;align-items:center;padding-right:.06em;font-size:clamp(64px,7vw,112px);font-weight:700;line-height:1;display:inline-flex}.roll-digit{clip-path:inset(0 -.25em);height:1.1em;line-height:1.1;display:inline-block;position:relative}.roll-digit>span{display:block}.roll-digit>.roll-out{animation:.55s cubic-bezier(.65,0,.35,1) both roll-out;position:absolute;inset:0}.roll-digit>.roll-in{animation:.55s cubic-bezier(.65,0,.35,1) both roll-in}.roll-colon{opacity:.5;padding:0 .04em;transform:translateY(-.06em)}.mix-timer.is-running .roll-colon{animation:1s step-end infinite colon-blink}.mix-upload-media img,.mix-upload-media video{object-fit:cover;width:100%;height:100%;display:block}.mix-upload{max-width:640px;margin:36px 0 16px}.mix-share-btn{min-width:min(360px,100%);min-height:60px;font-size:12px}.mix-share-btn:hover svg:last-child{transform:translate(4px)}.mix-upload-preview{animation:item-enter .5s var(--ease-out-cubic) both;grid-template-columns:140px 1fr;align-items:start;gap:24px;display:grid}.mix-upload-media{aspect-ratio:4/5;background:#ffffff0f;overflow:hidden}.mix-upload-form{flex-direction:column;gap:20px;display:flex}.mix-upload-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.mix-upload-swap{min-height:44px;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--mix-muted);text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:11px;font-weight:600;text-decoration:underline}.mix-upload-swap:hover{color:var(--white)}.mix-upload-sent{font-size:var(--fs-lead);animation:item-enter .5s var(--ease-out-cubic) both;align-items:center;gap:10px;margin:0;display:flex}.mix-mode .mix-upload-sent svg{width:22px;height:22px;color:var(--recipe-soft)}.mix-consent{color:#ffffffd1;cursor:pointer;grid-template-columns:28px 1fr;align-items:start;gap:12px;font-size:14px;line-height:1.5;display:grid}.mix-consent input{opacity:0;pointer-events:none;position:absolute}.mix-consent .mix-check{border-color:#ffffff80}.mix-consent input:checked+.mix-check{background:var(--white);border-color:var(--white);color:var(--black)}.mix-consent input:checked+.mix-check svg{opacity:1}.mix-consent input:focus-visible+.mix-check{outline:2px solid var(--white);outline-offset:3px}.mix-upload-error{color:#ff9c9c;margin:10px 0 0;font-size:14px}.mix-mode .mix-done-back{color:var(--mix-muted);min-height:44px;letter-spacing:var(--ls-label);text-transform:uppercase;text-underline-offset:4px;transition:text-decoration-color var(--speed) var(--ease);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:11px;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}.mix-mode .mix-done-back:hover{color:var(--white);text-decoration-color:currentColor}@keyframes roll-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes roll-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes colon-blink{0%,to{opacity:.5}50%{opacity:.15}}@keyframes mix-number-in{0%{opacity:0;transform:translate(-6%)}to{opacity:1;transform:none}}.auth-gate,.not-found{min-height:calc(100vh - var(--header-height));text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 16px;display:flex}.not-found>svg{width:32px;height:32px;margin-bottom:24px}.gate-icon{background:var(--ink);width:64px;height:64px;color:var(--paper);place-items:center;margin-bottom:28px;display:grid}.gate-icon svg{width:26px;height:26px}.auth-gate h1,.not-found h1{font-size:var(--fs-display);max-width:1000px;margin:20px 0 24px}.auth-gate>p,.not-found>p{max-width:600px;font-size:var(--fs-lead);color:var(--subdued);margin:0;line-height:1.5}.auth-gate .button,.not-found .button{min-width:min(100%,320px);margin:32px 0 12px}.account-page{padding:clamp(40px, 5vw, 72px) var(--gutter) var(--section-space-lg)}.account-tabs{margin:var(--section-space) 0 40px;border-bottom:1px solid var(--line);gap:32px;display:flex}.account-tabs button{min-height:52px;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted);transition:color var(--speed) var(--ease);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:0;font-size:11px;font-weight:600;display:flex}.account-tabs button svg{width:16px;height:16px}.account-tabs button:hover{color:var(--ink)}.account-tabs button.active{border-color:var(--ink);color:var(--ink)}.account-tabs button span{border:1px solid;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:10px;font-weight:400;display:grid}.my-content .recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.my-posts{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 16px;display:grid}.my-post{min-width:0;animation:item-enter .7s var(--ease-out-cubic) backwards;transition:opacity var(--speed) var(--ease)}.my-post.is-busy{opacity:.5}.my-post-media{aspect-ratio:3/4;background:var(--surface-soft);display:block;position:relative;overflow:hidden}.my-post-media img{object-fit:cover;width:100%;height:100%;transition:scale .6s var(--ease-out-cubic);position:absolute;inset:0}.my-post-media:hover img{scale:1.04}.my-post-type{width:28px;height:28px;color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;place-items:center;display:grid;position:absolute;top:10px;left:10px}.my-post-type svg{width:12px;height:12px}.my-post-likes{color:var(--white);filter:drop-shadow(0 1px 6px #0009);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;bottom:10px;left:10px}.my-post-likes svg{width:14px;height:14px}.my-post-meta{justify-content:space-between;align-items:center;gap:12px;min-height:40px;margin-top:14px;display:flex}.my-post-meta>div:first-child{min-width:0}.my-post-meta strong{text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;display:block;overflow:hidden}.my-post-meta time{color:var(--muted);font-size:12px;display:block}.my-post>p{color:var(--subdued);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:8px 0 0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.my-post-error{color:var(--error)!important}.delete-dialog{width:min(440px,100%)}.my-recipes-head{justify-content:flex-end;margin:-16px 0 24px;display:flex}.my-post-meta time svg{vertical-align:-1px;display:inline}.delete-dialog-thumb{aspect-ratio:3/4;background:var(--surface-soft);width:72px;position:relative;overflow:hidden}.delete-dialog-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.delete-dialog h2{margin:24px 0 16px}.delete-dialog .delete-dialog-confirm{background:var(--error);border-color:var(--error);color:var(--white);margin-top:24px}.delete-dialog .delete-dialog-confirm:hover:not(:disabled){background:#6e0000;border-color:#6e0000}.delete-dialog .delete-dialog-confirm:disabled,.delete-dialog .delete-dialog-confirm:disabled:hover{opacity:.6;cursor:progress;background:var(--error);border-color:var(--error)}.delete-dialog-cancel{width:100%;color:var(--muted);justify-content:center;margin-top:8px}.delete-dialog-cancel:hover{color:var(--ink)}.empty-state.compact{min-height:420px}.empty-state.compact>svg{width:32px;height:32px}.status-pill{border:1px solid var(--ink);letter-spacing:var(--ls-label);text-transform:uppercase;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-style:normal;display:inline-flex}.status-pill svg{width:14px}.account-header{margin:40px 0 var(--section-space);align-items:flex-end;gap:28px;display:flex}.profile-avatar{background:var(--ink);width:112px;height:112px;color:var(--paper);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;cursor:pointer;border:0;flex:none;place-items:center;padding:0;font-size:48px;font-weight:700;line-height:1;display:grid;position:relative;overflow:hidden}.profile-chip span img{object-fit:cover;width:100%;height:100%;display:block}.profile-chip span{overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.profile-avatar-wrap{flex-direction:column;flex:none;align-items:flex-start;gap:4px;display:flex}.profile-avatar-edit{color:var(--white);opacity:0;transition:opacity var(--speed) var(--ease);background:#00000073;place-items:center;display:grid;position:absolute;inset:0}.profile-avatar-edit svg{width:24px;height:24px}.profile-avatar:hover .profile-avatar-edit,.profile-avatar:focus-visible .profile-avatar-edit{opacity:1}.profile-avatar:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.profile-avatar-frame{position:relative}.profile-avatar-remove{background:var(--paper);width:28px;height:28px;color:var(--ink);cursor:pointer;transition:background var(--speed) var(--ease), color var(--speed) var(--ease);border:0;place-items:center;padding:0;display:grid;position:absolute;top:6px;right:6px}.profile-avatar-remove svg{width:14px;height:14px}.profile-avatar-remove:hover{background:var(--ink);color:var(--paper)}.profile-avatar-remove:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.profile-avatar-error{color:var(--subdued);max-width:160px;margin:0;font-size:12px}.profile-form{gap:20px;display:grid}.profile-form label{gap:6px;display:grid}.profile-form label>span{font-weight:700}.profile-form label small{color:var(--muted);margin-left:6px;font-size:12px;font-weight:400}.profile-form input{border:0;border-bottom:1px solid var(--line);width:100%;min-height:44px;transition:border-color var(--speed) var(--ease);background:0 0;padding:8px 0;font-size:16px}.profile-form input:focus{border-color:var(--ink);outline:0}.profile-form-error{color:var(--subdued);margin:0;font-size:13px;line-height:1.4}.profile-form-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.profile-form-actions .button svg{width:16px;height:16px}.profile-form-actions .text-action{margin-top:0}.account-header h1{font-size:var(--fs-section);margin:20px 0 12px}.account-header p{color:var(--subdued);margin:0}.account-grid{grid-template-columns:1fr;gap:24px;display:grid}.account-card{padding:0}.profile-name-value{align-items:center;gap:4px;display:flex}.profile-name-value .icon-action{margin:-6px -8px -6px 0}.icon-action{width:32px;height:32px;color:var(--subdued);cursor:pointer;transition:color var(--speed) var(--ease);background:0 0;border:0;place-items:center;padding:0;display:grid}.icon-action svg{width:16px;height:16px}.icon-action:hover{color:var(--ink)}.icon-action:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.account-logout{justify-content:flex-start;display:flex}.account-card h2{font-size:var(--fs-card);letter-spacing:-.03em;text-transform:uppercase;margin:0 0 20px;font-weight:700;line-height:1.1}.account-card-head{justify-content:space-between;align-items:baseline;display:flex}.status-dot{letter-spacing:var(--ls-label);text-transform:uppercase;font-size:10px}.status-dot:before{content:"";background:var(--success);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.account-card dl{margin:0}.account-card dl>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:16px 0;display:flex}.account-card dt{flex-direction:column;gap:2px;font-weight:700;display:flex}.account-card dt small{color:var(--muted);font-size:12px;font-weight:400}.account-card dd{margin:0}.text-action,.privacy-card button,.session-card button{min-height:48px;letter-spacing:var(--ls-label);text-transform:uppercase;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:11px;font-weight:600;display:flex}.text-action svg,.privacy-card button svg,.session-card button svg{width:16px;height:16px}.text-action{margin-top:8px}.privacy-card{background:var(--surface-soft);border-top:0;padding:24px}.privacy-card>svg{width:28px;height:28px;margin-bottom:20px}.privacy-card p,.session-card p{color:var(--subdued);line-height:1.5}.privacy-card button{border-top:1px solid var(--line);width:100%}.session-card{grid-column:1/-1;grid-template-columns:1fr 2fr auto;align-items:center;gap:24px;display:grid}.session-card h2,.session-card p{margin:0}.admin-shell{background:var(--surface);min-height:100vh;color:var(--ink);grid-template-columns:240px 1fr;display:grid}.admin-sidebar{background:var(--ink);color:var(--paper);flex-direction:column;height:100vh;min-height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.admin-logo{align-items:center;gap:12px;margin:0 12px 48px;display:flex}.admin-logo img{object-fit:contain;filter:invert();width:56px;height:28px}.admin-logo small{letter-spacing:var(--ls-label);color:#fff9;border-left:1px solid #ffffff4d;padding-left:12px;font-size:10px}.admin-sidebar nav{flex-direction:column;gap:2px;display:flex}.admin-sidebar nav button{color:#fff9;text-align:left;min-height:44px;transition:color var(--speed) var(--ease), background-color var(--speed) var(--ease);background:0 0;border:0;align-items:center;gap:12px;padding:0 12px;font-size:14px;display:flex}.admin-sidebar nav button:hover{color:var(--paper)}.admin-sidebar nav button svg{width:18px}.admin-sidebar nav button span{border:1px solid;place-items:center;min-width:22px;height:22px;margin-left:auto;font-size:10px;display:grid}.admin-sidebar nav button.active{background:var(--paper);color:var(--ink)}.admin-user{border-top:1px solid #fff3;align-items:center;gap:10px;margin-top:auto;padding:16px 8px;display:flex}.admin-user>span{background:var(--paper);width:36px;height:36px;color:var(--ink);text-box:trim-both cap alphabetic;text-transform:uppercase;place-items:center;font-size:12px;font-weight:700;line-height:1;display:grid}.admin-user>div{flex-direction:column;display:flex}.admin-user strong{font-size:13px}.admin-user small{color:#fff9;font-size:11px}.admin-user svg{width:15px;margin-left:auto}.leave-admin{color:#fff9;min-height:40px;letter-spacing:var(--ls-label);text-transform:uppercase;align-items:center;gap:8px;padding:4px 8px 0;font-size:11px;font-weight:600;display:flex}.leave-admin:hover{color:var(--paper)}.leave-admin svg{width:14px}.admin-main{min-width:0}.admin-topbar{background:var(--paper);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex}.admin-topbar>div{flex-direction:column;gap:2px;display:flex}.admin-topbar small{letter-spacing:var(--ls-label);color:var(--muted);font-size:10px}.admin-topbar strong{text-transform:uppercase;letter-spacing:-.01em;font-size:16px;font-weight:700}.role-badge{border:1px solid var(--ink);letter-spacing:var(--ls-label);text-transform:uppercase;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex}.role-badge svg{width:14px}.admin-welcome,.admin-content-view{padding:48px 32px 28px}.admin-welcome{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.admin-welcome h1,.admin-view-head h1{margin:20px 0 14px;font-size:clamp(40px,4.6vw,72px)}.admin-welcome p,.admin-view-head p{color:var(--subdued);margin:0}.system-status{background:var(--paper);border-left:2px solid var(--success);flex-direction:column;min-width:280px;padding:18px 22px;display:flex}.system-status>span{letter-spacing:var(--ls-label);color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.system-status i{background:var(--success);border-radius:50%;width:7px;height:7px;display:inline-block}.system-status strong{margin:6px 0}.system-status small{color:var(--muted)}.admin-kpis{grid-template-columns:repeat(4,1fr);gap:12px;padding:0 32px 24px;display:grid}.admin-kpis article{background:var(--paper);gap:16px;min-height:124px;padding:20px;display:flex}.admin-kpis article>span{background:var(--surface);flex:none;place-items:center;width:36px;height:36px;display:grid}.admin-kpis svg{width:18px}.admin-kpis article>div{flex-direction:column;display:flex}.admin-kpis small{letter-spacing:var(--ls-label);color:var(--muted);font-size:10px}.admin-kpis strong{letter-spacing:-.05em;margin:8px 0;font-size:36px;font-weight:700;line-height:1}.admin-kpis p{color:var(--muted);margin:0;font-size:12px}.admin-columns{grid-template-columns:1.3fr .7fr;gap:12px;padding:0 32px 24px;display:grid}.admin-panel{background:var(--paper);padding:24px}.admin-panel-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex}.admin-panel-head h2{text-transform:uppercase;letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700}.admin-panel-head p{color:var(--muted);margin:4px 0 0;font-size:12px}.admin-panel-head button{text-underline-offset:3px;min-height:32px;letter-spacing:var(--ls-label);text-transform:uppercase;background:0 0;border:0;font-size:11px;font-weight:600;text-decoration:underline}.recent-list>div{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr auto 32px;align-items:center;gap:12px;min-height:68px;display:grid}.recent-list>div>span{background:var(--surface-soft);width:42px;height:52px;position:relative}.recent-list img{object-fit:cover}.recent-list div>div{flex-direction:column;display:flex}.recent-list strong{font-size:14px}.recent-list small{color:var(--muted);font-size:12px}.recent-list .status-pill{padding:5px 8px}.status-pill.green{color:var(--success);border-color:currentColor}.recent-list button{background:0 0;border:0;height:32px}.readiness-panel .admin-panel-head>strong{letter-spacing:-.04em;font-size:28px;font-weight:700}.readiness-bar{background:var(--surface);height:4px;margin:20px 0}.readiness-bar span{background:var(--ink);height:100%;display:block}.readiness-panel ul{margin:0;padding:0;list-style:none}.readiness-panel li{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:40px;font-size:13px;display:flex}.readiness-panel li svg{width:15px;color:var(--muted)}.readiness-panel li.done svg{color:var(--success)}.maintenance-switch{background:var(--paper);grid-template-columns:1fr auto 80px;align-items:center;gap:16px;margin:0 32px 40px;padding:18px 22px;display:grid}.maintenance-switch>div{align-items:center;gap:12px;display:flex}.maintenance-switch>div>svg{width:20px}.maintenance-switch p{flex-direction:column;margin:0;display:flex}.maintenance-switch p strong{font-size:14px}.maintenance-switch span{color:var(--muted);font-size:12px}.maintenance-switch>strong{letter-spacing:var(--ls-label);text-transform:uppercase;font-size:11px;font-weight:600}.maintenance-switch>button{border:1px solid var(--ink);background:var(--paper);border-radius:40px;width:46px;height:26px;padding:3px}.maintenance-switch>button span{background:var(--ink);width:18px;height:18px;transition:transform var(--speed) var(--ease-out-cubic);border-radius:50%;display:block}.maintenance-switch>button.on{background:var(--ink)}.maintenance-switch>button.on span{background:var(--paper);transform:translate(20px)}.admin-view-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;display:flex}.admin-view-head h1{margin-top:0}.admin-view-head .button{min-width:200px}.admin-search{background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:10px;width:min(450px,100%);min-height:48px;margin-bottom:16px;padding:0 14px;display:flex}.admin-search:focus-within{border-color:var(--ink)}.admin-search svg{width:18px}.admin-search input{background:0 0;border:0;outline:0;flex:1;min-height:46px;font-size:16px}.admin-table{background:var(--paper);font-size:13px}.table-head,.table-row{grid-template-columns:2fr .8fr .8fr .7fr .5fr;align-items:center;gap:16px;padding:0 16px;display:grid}.table-head{border-bottom:1px solid var(--ink);min-height:40px;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted);font-size:10px}.table-row{border-bottom:1px solid var(--line);min-height:72px}.table-recipe{align-items:center;gap:12px;display:flex}.table-recipe i{background:var(--surface-soft);flex:none;width:42px;height:52px;position:relative}.table-recipe img{object-fit:cover}.table-recipe b{flex-direction:column;gap:2px;display:flex}.table-recipe small{color:var(--muted);font-weight:400}.publication-toggle{border:1px solid var(--line);background:var(--paper);min-height:32px;letter-spacing:var(--ls-label);text-transform:uppercase;padding:0 10px;font-size:10px}.publication-toggle.published{border-color:var(--ink);background:var(--ink);color:var(--paper)}.table-row>span:last-child{gap:4px;display:flex}.table-row>span:last-child a,.table-row>span:last-child button{background:0 0;border:0;place-items:center;width:32px;height:32px;display:grid}.table-row>span:last-child svg{width:16px}.admin-tea-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-tea-grid article{background:var(--paper);flex-direction:column;min-height:240px;padding:24px;display:flex}.admin-tea-grid small{letter-spacing:var(--ls-label);color:var(--muted);font-size:10px}.admin-tea-grid h2{letter-spacing:var(--ls-display);text-transform:uppercase;margin:32px 0 8px;font-size:clamp(32px,3.4vw,48px);font-weight:700;line-height:.94}.admin-tea-grid p{color:var(--subdued);margin:0}.admin-tea-grid article>div{justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;display:flex}.admin-tea-grid button{min-height:40px;letter-spacing:var(--ls-label);text-transform:uppercase;background:0 0;border:1px solid;padding:0 14px;font-size:11px;font-weight:600}.moderation-tabs{border-bottom:1px solid var(--line);gap:24px;display:flex}.moderation-tabs button{min-height:48px;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0;font-size:11px;font-weight:600}.moderation-tabs button.active{border-color:var(--ink);color:var(--ink)}.moderation-tabs span{border:1px solid;margin-left:4px;padding:2px 6px;font-weight:400}.moderation-empty{background:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:420px;margin-top:16px;padding:32px;display:flex}.moderation-empty>svg{width:36px;height:36px;color:var(--success)}.moderation-empty h2{margin:24px 0 10px;font-size:clamp(32px,3.6vw,56px)}.moderation-empty p{max-width:550px;color:var(--subdued)}@keyframes item-enter{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes image-settle{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.2;transform:scale(.92)}50%{opacity:.8;transform:scale(1.06)}}@media (max-width:1100px){.recipe-grid,.my-content .recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.my-posts{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-kpis{grid-template-columns:1fr 1fr}.admin-columns{grid-template-columns:1fr}}@media (max-width:820px){:root{--gutter-base:16px;--header-height:56px;--section-space:40px;--section-space-lg:64px;--fs-display:clamp(36px, 9.5vw, 70px);--fs-hero:clamp(40px, 9vw, 80px);--fs-section:clamp(36px, 9.5vw, 70px)}.wordmark img{width:52px;height:26px}.timer-dock{bottom:calc(16px + env(safe-area-inset-bottom))}.reviews-layout{grid-template-columns:1fr}.reviews-summary{position:static}.shop-cta{grid-template-columns:1fr}.shop-cta-image{aspect-ratio:4/3;order:-1;min-height:0}.shop-cta-actions .button{width:100%;min-width:0}.mix-stage{grid-template-columns:1fr;align-content:start;gap:8px}.mix-number{font-size:clamp(88px,20vw,160px)}.recipe-detail-hero{grid-template-columns:1fr;row-gap:32px}.detail-start{max-width:none}.detail-hero-copy{justify-content:flex-start}.catalog-layout{grid-template-columns:1fr;padding-top:24px}.filter-panel{z-index:160;background:var(--paper);transition:transform .3s var(--ease-out-cubic);padding:16px 16px 100px;position:fixed;inset:0;overflow:auto;transform:translate(-105%)}.filter-panel.is-open{transform:translate(0)}.filter-mobile-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;display:flex}.filter-mobile-head strong{letter-spacing:-.04em;text-transform:uppercase;font-size:24px;font-weight:700}.filter-group:first-of-type{border-top:0}.filter-options{flex-flow:wrap;gap:6px}.filter-options button{border:1px solid var(--line);min-height:40px;padding:0 14px;font-size:14px;text-decoration:none}.filter-options button.active{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:400}.filter-apply{width:calc(100% - 32px);display:flex;position:fixed;bottom:16px;left:16px}.mobile-filter-trigger{border:1px solid var(--ink);background:var(--ink);min-height:52px;color:var(--paper);letter-spacing:var(--ls-label);text-transform:uppercase;align-items:center;gap:8px;padding:0 16px;font-size:11px;font-weight:600;display:flex}.mobile-filter-trigger svg{width:16px;height:16px}.mobile-filter-trigger b{background:var(--paper);color:var(--ink);place-items:center;width:20px;height:20px;font-size:10px;display:grid}.sort-select{min-width:150px}.recipe-main-content,.account-grid{grid-template-columns:1fr}.session-card{grid-column:1;grid-template-columns:1fr}.admin-shell{grid-template-columns:72px 1fr}.admin-sidebar{padding:20px 10px}.admin-logo{margin:0 auto 40px}.admin-logo img{width:44px;height:22px}.admin-logo small{display:none}.admin-sidebar nav button{justify-content:center;padding:0;font-size:0}.admin-sidebar nav button svg{width:20px}.admin-sidebar nav button span,.admin-user>div,.admin-user>svg,.leave-admin{display:none}.admin-user{justify-content:center;padding:16px 0}.admin-welcome{flex-direction:column;align-items:flex-start}.table-head,.table-row{grid-template-columns:2fr .8fr .8fr}.table-head span:nth-child(4),.table-row>span:nth-child(4),.table-head span:nth-child(2),.table-row>span:nth-child(2){display:none}}@media (max-width:600px){.header-actions{gap:12px}.wordmark{gap:10px}.wordmark-sub{padding-left:10px;font-size:10px}.login-link,.profile-chip{font-size:14px}.header-shop{gap:8px;min-height:36px;padding:8px 12px}.login-dialog{padding:48px 20px 24px}.timer-summary{grid-template-columns:40px 68px 1fr 20px;padding:10px 12px}.timer-expanded{flex-direction:column}.timer-actions{justify-content:flex-start}.catalog-toolbar{flex-wrap:wrap}.search-field{flex-basis:100%}.mobile-filter-trigger,.sort-select{flex:1}.recipe-grid,.my-content .recipe-grid{grid-template-columns:1fr}.my-posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.community-share{justify-content:center;width:44px;height:44px;min-height:44px;padding:0}.community-share span{display:none}.community-share>svg,.community-share>svg:last-child:not(:first-child){margin:0}.community-share:hover>svg{transform:none!important}.content-section-head:has(.community-share){flex-direction:row;align-items:center}.community-bento{scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;margin-left:-16px;margin-right:-16px;padding:0 16px;scroll-padding:0 16px;display:flex;overflow-x:auto}.community-bento::-webkit-scrollbar{display:none}.community-tile,.community-tile.is-featured{aspect-ratio:9/16;scroll-snap-align:start;flex:0 0 64vw}.community-tile-caption{-webkit-line-clamp:2;font-size:18px}.community-tile-open{display:none}.review-head{grid-template-columns:auto 1fr}.review-head .stars{grid-column:1/-1}.detail-facts{grid-template-columns:1fr 1fr}.mix-top{grid-template-columns:1fr auto;padding-left:16px;padding-right:16px}.mix-meta{display:none}.mix-brand img{width:48px;height:24px}.mix-tool-label span{display:none}.mix-progress{gap:4px;padding:0 16px}.mix-stage{padding:8px 16px 24px}.mix-number{display:none}.mix-copy h1{margin:18px 0 14px}.rolling-clock{font-size:64px}.mix-upload-preview{grid-template-columns:96px 1fr;gap:16px}.mix-share-btn{width:100%}.mix-stage{padding-top:24px}.mix-bottom{grid-template-columns:auto 1fr;gap:10px;padding-left:16px;padding-right:16px}.mix-upnext{display:none}.mix-back{padding:0 16px}.mix-back span{display:none}.mix-next{min-width:0}.mix-done{padding-left:16px;padding-right:16px}.detail-facts>div:last-child{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;padding-left:0}.content-section-head{flex-direction:column;align-items:flex-start}.time-breakdown span{padding-left:8px}.account-tabs{overscroll-behavior-x:contain;scrollbar-width:none;box-shadow:inset 0 -1px 0 var(--line);border-bottom:0;gap:20px;margin-left:-16px;margin-right:-16px;padding:0 16px;scroll-padding:0 16px;overflow:auto hidden}.account-tabs::-webkit-scrollbar{display:none}.account-tabs button{flex:none;min-width:max-content;margin-bottom:0}.account-header{flex-direction:column;align-items:flex-start}.profile-avatar{width:80px;height:80px;font-size:36px}.admin-shell{grid-template-columns:56px 1fr}.admin-sidebar{padding:16px 6px}.admin-logo img{width:36px;height:18px}.admin-topbar{padding:0 14px}.role-badge{display:none}.admin-welcome,.admin-content-view{padding:32px 14px 20px}.admin-view-head{flex-direction:column;align-items:flex-start}.admin-kpis{grid-template-columns:1fr;padding:0 14px 20px}.admin-columns{padding:0 14px 20px}.maintenance-switch{grid-template-columns:1fr auto;margin:0 14px 28px}.maintenance-switch>strong,.recent-list .status-pill{display:none}.recent-list>div{grid-template-columns:44px 1fr 32px}.admin-tea-grid{grid-template-columns:1fr}.table-head,.table-row{grid-template-columns:1.5fr .8fr .4fr;gap:6px;padding:0 8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.theme-dark{--ink:var(--white);--paper:var(--black);--ink-rgb:255 255 255;--paper-rgb:0 0 0;--hover-dark:#e6e6e6;--surface:#ffffff14;--surface-soft:#ffffff0d;--line:#ffffff29;--line-soft:#ffffff14;--muted:#ffffff8c;--subdued:#ffffffc7;--success:#8ee6b2;background:var(--paper);color:var(--ink)}body:has(.rd2.theme-dark){background:var(--black)}.site-header.theme-dark{-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);border-bottom-color:var(--line-soft);background:#000000b8}.site-header.theme-dark .wordmark img{filter:invert()}.site-footer.theme-dark{margin-top:0}.site-header.header-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;transition:background-color .3s var(--ease), border-color .3s var(--ease), -webkit-backdrop-filter .3s var(--ease), backdrop-filter .3s var(--ease);background:0 0;border-bottom-color:#0000}.site-header.header-overlay.is-scrolled{background:rgb(var(--paper-rgb) / .78);border-bottom-color:var(--line-soft);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3)}.site-header.header-overlay+main{margin-top:calc(var(--header-height) * -1)}.site-header.header-overlay+main .rd2-hero{min-height:100svh}.site-header.header-overlay+main .rd2-hero-inner{padding-top:calc(var(--header-height) + 24px)}.rd2{--rd-accent-ink:var(--ink);background:var(--paper);color:var(--ink);overflow-x:clip}.rd2.theme-dark{--rd-accent-ink:var(--recipe-soft)}.rd2 .mix-btn svg,.rd2 .mix-tool svg{width:18px;height:18px}.rd2 .mix-btn-light{background:var(--ink);color:var(--paper);border-color:var(--ink)}.rd2 .mix-btn-light:hover{color:var(--ink);background:0 0}.rd2 .mix-tool{border:1px solid var(--line);color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.rd2 .mix-tool:hover{border-color:var(--ink);background:0 0}.rd2 .mix-tool.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.rd2-hero{isolation:isolate;min-height:calc(100svh - var(--header-height));flex-direction:column;display:flex;position:relative}.rd2-hero-media{z-index:-2;position:absolute;inset:0 0 0 28%;overflow:hidden}.rd2-hero-media img{object-fit:cover;animation:image-settle 1.8s var(--ease-out-cubic) both}.rd2-hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, rgb(var(--paper-rgb) / .55) 0%, transparent 140px), linear-gradient(0deg, var(--paper) 0%, transparent 32%), linear-gradient(90deg, var(--paper) 0%, var(--paper) 28%, rgb(var(--paper-rgb) / .82) 42%, rgb(var(--paper-rgb) / .15) 72%, transparent 100%), radial-gradient(55% 65% at 10% 105%, color-mix(in srgb, var(--recipe-accent) 40%, transparent), transparent 70%);position:absolute;inset:0}.rd2-hero-inner{padding:24px var(--gutter) clamp(80px, 11vh, 128px);flex-direction:column;flex:1;display:flex}.rd2-crumbs{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;display:flex}.rd2-crumbs a{min-height:40px;color:var(--subdued);transition:color var(--speed) var(--ease);align-items:center;display:inline-flex}.rd2-crumbs a:hover{color:var(--ink)}.rd2-hero-copy{max-width:780px;margin-top:auto;padding-top:48px}.rd2-hero-copy>*{animation:item-enter .9s var(--ease-out-cubic) both}.rd2-hero-copy>:nth-child(2){animation-delay:60ms}.rd2-hero-copy>:nth-child(3){animation-delay:.12s}.rd2-hero-copy>:nth-child(4){animation-delay:.18s}.rd2-hero-copy>:nth-child(5){animation-delay:.24s}.rd2-hero h1{letter-spacing:-.07em;text-transform:uppercase;text-wrap:balance;margin:0 0 24px;font-size:clamp(64px,9vw,168px);font-weight:700;line-height:.86}.rd2-facts{flex-wrap:wrap;gap:16px clamp(32px,4vw,56px);margin:36px 0 0;padding:0;display:flex}.rd2-facts dt{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted);font-size:10px}.rd2-facts dd{letter-spacing:-.01em;margin:6px 0 0;font-size:18px;font-weight:700}.rd2-facts dd a{align-items:center;gap:6px;display:inline-flex}.rd2-facts dd svg{width:16px;height:16px}.rd2-facts dd small{color:var(--muted);font-size:14px;font-weight:400}.rd2-facts dd a:hover small{color:var(--ink)}.rd2-hero-actions{gap:8px;margin-top:40px;display:flex}.rd2-start{min-width:300px;min-height:60px;font-size:12px}.rd2-start:hover svg:last-child{transform:translate(4px)}.rd2-hero-actions .mix-tool{min-width:60px;height:60px}.rd2-scroll{right:var(--gutter);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted);transition:color var(--speed) var(--ease);align-items:center;gap:10px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;bottom:40px}.rd2-scroll:hover{color:var(--ink)}.rd2-scroll svg{width:16px;height:16px;animation:rd2-nudge 2s var(--ease) infinite}.rd2-prep{padding:var(--section-space-lg) var(--gutter) calc(var(--section-space-lg) * 2);grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:start;gap:clamp(48px,7vw,128px);display:grid}.rd2-ingredients{top:calc(var(--header-height) + 32px);position:sticky}.rd2 .content-section-head{border-bottom:1px solid var(--line);align-items:center;padding-bottom:20px}.rd2 .content-section-head h2{letter-spacing:-.055em;font-size:clamp(32px,3.4vw,60px)}.rd2 .content-section-head>div>span{color:var(--rd-accent-ink)}.rd2 .content-section-head>div>span,.rd2 .content-section-head h2{white-space:nowrap}.rd2-ingredients .content-section-head{flex-wrap:wrap;row-gap:20px}.rd2-head-meta{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted)}.rd2-portions{border:1px solid var(--line);align-items:center;height:44px;display:flex}.rd2-portions button{width:44px;height:42px;transition:background-color var(--speed) var(--ease);background:0 0;border:0;place-items:center;display:grid}.rd2-portions button:hover:not(:disabled){background:var(--surface)}.rd2-portions button:disabled{opacity:.3;cursor:not-allowed}.rd2-portions svg{width:16px;height:16px}.rd2-portions span{text-align:center;min-width:96px;font-size:12px}.rd2-portions strong{font-size:16px}.rd2-ingredient-list{margin:0;padding:0;list-style:none}.rd2-ingredient-list button{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;min-height:64px;transition:padding-left .3s var(--ease-out-cubic);background:0 0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:14px;padding:0;display:grid}.rd2-ingredient-list button:hover{padding-left:6px}.rd2-ingredient-list strong{transition:color var(--speed) var(--ease);font-size:17px;font-weight:400}.rd2-ingredient-list em{font-variant-numeric:tabular-nums;font-size:15px;font-style:normal;font-weight:700}.rd2-ingredient-row{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:64px;display:grid}.rd2-ingredient-list .rd2-check-only{cursor:pointer;background:0 0;border:0;grid-template-columns:1fr;place-items:center start;gap:0;width:28px;min-height:64px;padding:0;display:grid}.rd2-ingredient-list .rd2-check-only:hover{padding-left:0}.rd2-ingredient-link{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:rgb(var(--ink-rgb) / .35);text-decoration-color:rgb(var(--ink-rgb) / .35);transition:text-decoration-color var(--speed) var(--ease);justify-self:start}.rd2-ingredient-link:hover{text-decoration-color:currentColor}.rd2-ingredient-row.is-checked .rd2-check{background:var(--recipe-accent);border-color:var(--recipe-accent);color:var(--recipe-text)}.rd2-ingredient-row.is-checked .rd2-check svg{opacity:1}.rd2-ingredient-row.is-checked strong{color:var(--muted);text-decoration:line-through}.rd2-ingredient-row.is-checked em{color:var(--muted)}.rd2-check{border:1px solid rgb(var(--ink-rgb) / .4);width:24px;height:24px;transition:background-color var(--speed) var(--ease), border-color var(--speed) var(--ease);place-items:center;display:grid}.rd2-check svg{opacity:0;width:14px;height:14px}.rd2-ingredient-list .is-checked .rd2-check{background:var(--recipe-accent);border-color:var(--recipe-accent);color:var(--recipe-text)}.rd2-ingredient-list .is-checked .rd2-check svg{opacity:1}.rd2-ingredient-list .is-checked strong{color:var(--muted);text-decoration:line-through}.rd2-ingredient-list .is-checked em{color:var(--muted)}.rd2-ready{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted);align-items:center;gap:14px;margin-top:20px;font-size:11px;display:flex}.rd2-ready i{background:var(--line);flex:1;height:3px}.rd2-ready b{background:var(--recipe-accent);height:100%;transition:width .4s var(--ease-out-cubic);display:block}.rd2-ready.is-ready span{color:var(--rd-accent-ink)}.rd2-steps ol{margin:0;padding:0;list-style:none}.rd2-steps li{border-bottom:1px solid var(--line);grid-template-columns:clamp(80px,8vw,128px) minmax(0,1fr);gap:clamp(16px,2vw,32px);padding:44px 0;display:grid}.rd2-step-num{letter-spacing:-.08em;font-variant-numeric:tabular-nums;color:#0000;-webkit-text-stroke:1.2px rgb(var(--ink-rgb) / .5);transition:-webkit-text-stroke-color .4s var(--ease);-webkit-user-select:none;user-select:none;font-size:clamp(56px,6vw,104px);font-weight:700;line-height:.8}.rd2-steps li:hover .rd2-step-num{-webkit-text-stroke-color:var(--recipe-accent)}.rd2-steps h3{letter-spacing:-.05em;text-transform:uppercase;margin:2px 0 14px;font-size:clamp(26px,2.6vw,44px);font-weight:700;line-height:.95}.rd2-steps li p{max-width:40rem;color:var(--subdued);margin:0;font-size:17px;line-height:1.6}.rd2-timer{border:1px solid var(--line);min-height:48px;letter-spacing:var(--ls-label);text-transform:uppercase;transition:border-color var(--speed) var(--ease), background-color var(--speed) var(--ease);background:0 0;align-items:center;gap:12px;margin-top:22px;padding:0 18px;font-size:11px;font-weight:600;display:inline-flex}.rd2-timer:hover{border-color:var(--ink)}.rd2-timer svg{width:16px;height:16px}.rd2-timer strong{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:16px}.rd2-timer span{color:var(--muted)}.rd2-timer.is-active{border-color:var(--recipe-accent);background:color-mix(in srgb, var(--recipe-accent) 18%, transparent)}.rd2-timer.is-active strong{font-size:22px}.rd2-guided{background:var(--ink);width:100%;color:var(--paper);text-align:left;transition:background-color .3s var(--ease), color .3s var(--ease);border:0;justify-content:space-between;align-items:center;gap:24px;margin-top:48px;padding:28px 32px;display:flex}.rd2-guided small{letter-spacing:var(--ls-label);text-transform:uppercase;opacity:.6;font-size:10px;display:block}.rd2-guided strong{letter-spacing:-.045em;text-transform:uppercase;margin-top:6px;font-size:clamp(22px,2.4vw,38px);font-weight:700;line-height:1;display:block}.rd2-guided svg{width:32px;height:32px;transition:transform .3s var(--ease-out-cubic);flex:none}.rd2-guided:hover{background:var(--recipe-accent);color:var(--recipe-text)}.rd2-guided:hover svg{transform:translate(6px)}.rd2 .reviews-bars b{background:var(--recipe-accent)}.rd2 .review-star-input button{color:var(--rd-accent-ink)}.rd2 .shop-cta{background:var(--black);color:var(--white)}.rd2 .shop-cta .button-light:hover{color:var(--white);border-color:var(--white);background:0 0}@keyframes rd2-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes rd2-reveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.rd2 .content-section-head,.rd2-steps li,.rd2 .community-bento,.rd2 .review,.rd2 .recipe-card,.rd2-guided{animation:linear both rd2-reveal;animation-timeline:view();animation-range:entry entry 35%}}}@media (max-width:820px){.rd2-hero{min-height:0}.rd2-hero-media{height:72svh;inset:0 0 auto}.rd2-hero:before{background:linear-gradient(180deg, rgb(var(--paper-rgb) / .55) 0%, transparent 18%), linear-gradient(0deg, var(--paper) 0%, var(--paper) calc(100% - 72svh + 1px), rgb(var(--paper-rgb) / .6) calc(100% - 72svh + 22svh), transparent calc(100% - 20svh)), radial-gradient(80% 50% at 0% 100%, color-mix(in srgb, var(--recipe-accent) 35%, transparent), transparent 70%)}.rd2-hero-inner{padding:8px 16px 56px}.rd2-hero-copy{padding-top:38svh}.rd2-hero h1{margin:0 0 18px;font-size:clamp(52px,15vw,96px)}.rd2-facts{grid-template-columns:1fr 1fr;gap:20px 16px;margin-top:28px;display:grid}.rd2-hero-actions{margin-top:24px}.rd2-start{flex:1;min-width:0}.rd2-scroll{display:none}.rd2-prep{grid-template-columns:1fr;gap:64px;padding:56px 16px 112px}.rd2-ingredients{position:static}.rd2 .content-section-head{align-items:flex-start}.rd2-steps li{grid-template-columns:56px minmax(0,1fr);gap:14px;padding:28px 0}.rd2-step-num{font-size:48px}.rd2-guided{padding:22px 20px}}.admin-login{background:var(--surface);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.admin-login form{background:var(--paper);flex-direction:column;gap:16px;width:min(440px,100%);padding:40px;display:flex}.admin-login img{object-fit:contain;width:64px;height:32px}.admin-login .eyebrow{align-items:center;gap:6px;margin-top:16px;display:flex}.admin-login .eyebrow svg{width:14px}.admin-login h1{letter-spacing:var(--ls-display);margin:0 0 8px;font-size:clamp(40px,6vw,64px);font-weight:700;line-height:.94}.admin-error{border-left:2px solid var(--error);color:var(--error);background:#8b00000f;margin:0;padding:10px 12px;font-size:13px}.admin-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.admin-hint code,.admin-error code{background:var(--surface);color:var(--ink);padding:1px 4px;font-size:12px}.role-badge.warn{border-color:var(--error);color:var(--error)}.admin-sidebar button.leave-admin{text-align:left;cursor:pointer;background:0 0;border:0}.admin-content-view .admin-kpis,.admin-content-view .admin-columns{margin-bottom:12px;padding:0}.admin-content-view>.admin-panel{margin-bottom:12px}.admin-content-view .maintenance-switch{margin:0}.admin-empty{color:var(--muted);margin:0;padding:24px 0;font-size:13px}.admin-back{min-height:40px;letter-spacing:var(--ls-label);text-transform:uppercase;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:16px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.admin-back svg{width:15px}.admin-view-head .button svg{width:18px}.admin-toast{z-index:200;opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);max-width:calc(100% - 32px);transition:opacity var(--speed) var(--ease), transform var(--speed) var(--ease-out-cubic);padding:14px 20px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px)}.admin-toast[data-visible=true]{opacity:1;transform:translate(-50%)}.segmented{border:1px solid var(--ink);background:var(--paper);flex-wrap:wrap;display:inline-flex}.segmented button{min-height:40px;letter-spacing:var(--ls-label);text-transform:uppercase;transition:background-color var(--speed) var(--ease), color var(--speed) var(--ease);background:0 0;border:0;padding:0 14px;font-size:11px;font-weight:600}.segmented button+button{border-left:1px solid var(--line)}.segmented button.active{background:var(--ink);color:var(--paper)}.segmented.small button{min-height:32px;padding:0 10px;font-size:10px}.bar-chart{padding-top:24px}.bar-chart-plot{height:220px;margin-left:40px;position:relative}.bar-chart-grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.bar-chart-grid span{border-top:1px solid var(--line-soft);height:0;position:relative}.bar-chart-grid span:last-child{border-top-color:var(--ink)}.bar-chart-grid em{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px;font-style:normal;position:absolute;top:-7px;right:calc(100% + 8px)}.bar-chart-bars{align-items:flex-end;gap:2px;display:flex;position:absolute;inset:0}.bar-chart-bars button{cursor:default;background:0 0;border:0;flex:1;align-items:flex-end;min-width:0;height:100%;padding:0;display:flex}.bar-chart-bars button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.bar-chart-bars i{background:var(--ink);width:100%;min-height:0;transition:opacity var(--speed) var(--ease);border-radius:2px 2px 0 0;display:block}.bar-chart-plot:hover .bar-chart-bars i{opacity:.35}.bar-chart-plot:hover .bar-chart-bars button.is-active i,.bar-chart-bars button.is-active i{opacity:1}.bar-chart-tooltip{background:var(--ink);color:var(--paper);white-space:nowrap;pointer-events:none;z-index:2;padding:8px 10px;font-size:12px;position:absolute;top:-8px;transform:translate(-50%,-100%)}.bar-chart-tooltip small{letter-spacing:var(--ls-label);text-transform:uppercase;color:#ffffffb3;margin-bottom:2px;font-size:10px;display:block}.bar-chart-tooltip strong{font-variant-numeric:tabular-nums;font-size:16px}.bar-chart-axis{color:var(--muted);letter-spacing:var(--ls-label);text-transform:uppercase;justify-content:space-between;margin-left:40px;padding-top:8px;font-size:10px;display:flex}.bar-chart-empty{color:var(--muted);margin:12px 0 0;font-size:13px}.bar-chart-table{margin-top:16px;font-size:12px}.bar-chart-table summary{cursor:pointer;letter-spacing:var(--ls-label);text-transform:uppercase;align-items:center;min-height:32px;font-size:11px;font-weight:600;display:flex}.bar-chart-table table{border-collapse:collapse;width:100%;max-width:420px;margin-top:8px}.bar-chart-table th,.bar-chart-table td{text-align:left;border-bottom:1px solid var(--line-soft);padding:6px 0}.bar-chart-table td:last-child,.bar-chart-table th:last-child{text-align:right;font-variant-numeric:tabular-nums}.rank-list{margin:0;padding:0;list-style:none}.rank-list li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 30% 48px;align-items:center;gap:12px;min-height:52px;display:grid}.rank-list li>div{flex-direction:column;min-width:0;display:flex}.rank-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.rank-list small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.rank-list i{background:var(--surface);height:6px}.rank-list b{background:var(--ink);height:100%;display:block}.rank-list span{text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.stat-list{margin:0;padding:0;list-style:none}.stat-list li{border-bottom:1px solid var(--line);grid-template-columns:18px 1fr auto;align-items:center;column-gap:10px;min-height:52px;font-size:14px;display:grid}.stat-list svg{width:16px;color:var(--muted)}.stat-list strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:20px}.stat-list small{color:var(--muted);grid-column:2/-1;margin:-12px 0 10px;font-size:11px}.admin-mini-table{font-size:13px;overflow-x:auto}.mini-head,.mini-row{grid-template-columns:1.4fr 1fr 1fr .5fr .7fr;align-items:center;gap:12px;min-width:520px;display:grid}.mini-head{min-height:36px;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);font-size:10px}.mini-row{border-bottom:1px solid var(--line-soft);min-height:52px}.mini-row span:first-child{flex-direction:column;display:flex}.mini-row small{color:var(--muted);font-size:11px}.audit-list{margin:0;padding:0;list-style:none}.audit-list li{border-bottom:1px solid var(--line-soft);grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;min-height:44px;padding:12px 0;font-size:13px;display:grid}.audit-list span{color:var(--subdued);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audit-list time{color:var(--muted);white-space:nowrap;font-size:11px}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.admin-toolbar .admin-search{flex:280px;margin:0}.admin-select{border:0;border-bottom:1px solid var(--line);background:var(--paper);min-height:48px;font:inherit;padding:0 36px 0 14px;font-size:14px}.icon-button{width:40px;height:40px;color:var(--ink);background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.icon-button:hover{background:var(--surface)}.icon-button svg{width:16px}.text-danger{min-height:40px;color:var(--error);letter-spacing:var(--ls-label);text-transform:uppercase;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.text-danger:hover{border-color:var(--error)}.text-danger:disabled{opacity:.5}.text-danger svg{width:15px}.table-row>.table-recipe{text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.table-row>.table-recipe img{object-fit:cover;width:100%;height:100%}.table-row>.table-recipe:hover b{text-underline-offset:3px;text-decoration:underline}.table-row>span:nth-child(4) svg{vertical-align:-2px;width:13px}.admin-tea-grid article.is-inactive{opacity:.55}.tea-card-top{align-items:center;gap:8px;display:flex}.tea-dot{flex:none;width:14px;height:14px}.admin-tea-grid h2{margin-top:24px}.tea-link{color:var(--muted);text-underline-offset:3px;word-break:break-all;align-items:center;gap:4px;margin-top:12px;font-size:12px;text-decoration:underline;display:inline-flex}.tea-link svg{flex:none;width:13px}.tea-actions{align-items:center;gap:4px;display:flex}.admin-tea-grid .tea-actions .icon-button{border:0;min-height:40px;padding:0}.admin-form{flex-direction:column;gap:12px;display:flex}.admin-form fieldset{background:var(--paper);border:0;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px 24px;min-width:0;margin:0;padding:24px;display:grid}.admin-form fieldset.has-error{box-shadow:inset 2px 0 0 var(--error)}.admin-form legend{float:left;border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:-.01em;grid-column:1/-1;width:100%;margin-bottom:4px;padding:0 0 12px;font-size:16px;font-weight:700}.admin-field{flex-direction:column;gap:6px;min-width:0;display:flex}.admin-field.wide,.admin-form .wide{grid-column:1/-1}.admin-field>span{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted);font-size:10px}.admin-field>small{color:var(--muted);font-size:11px}.admin-field input,.admin-field select,.admin-field textarea,.repeat-row input,.repeat-row select,.repeat-row textarea,.image-field-controls input{border:0;border-bottom:1px solid var(--line);width:100%;min-height:44px;font:inherit;color:var(--ink);transition:border-color var(--speed) var(--ease);background:0 0;border-radius:0;padding:8px 0;font-size:15px}.admin-field textarea,.repeat-row textarea{resize:vertical;line-height:1.5}.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus,.repeat-row input:focus,.repeat-row select:focus,.repeat-row textarea:focus,.image-field-controls input:focus{border-color:var(--ink);outline:0}.admin-field input:disabled{color:var(--muted)}.admin-field.has-error input,.admin-field.has-error select,.admin-field.has-error textarea,.admin-field.has-error .image-field-controls input{border-color:var(--error)}.admin-field.has-error>span{color:var(--error)}.admin-login .admin-field input{font-size:16px}.color-input{align-items:center;gap:10px;display:flex}.color-input input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;width:44px;min-width:44px;height:44px;padding:0}.tea-swatch{text-transform:uppercase;letter-spacing:-.02em;justify-content:space-between;align-self:end;align-items:flex-end;min-height:88px;padding:16px;display:flex}.tea-swatch span{width:28px;height:28px}.image-field-row{grid-template-columns:120px 1fr;align-items:start;gap:16px;display:grid}.image-field-preview{aspect-ratio:4/5;background:var(--surface);place-items:center;display:grid;overflow:hidden}.image-field-preview img{object-fit:cover;width:100%;height:100%}.image-field-preview em{color:var(--muted);font-size:11px;font-style:normal}.image-field-controls{flex-direction:column;gap:12px;min-width:0;display:flex}.image-field-controls>div{align-items:center;gap:8px;display:flex}.image-field-controls .button{min-height:40px;padding:0 14px;font-size:11px}.admin-checks{background:var(--paper);flex-wrap:wrap;gap:8px 24px;padding:16px 24px;display:flex}.admin-form>.admin-check{background:var(--paper);padding:16px 24px}.admin-check{cursor:pointer;align-items:center;gap:10px;min-height:40px;font-size:14px;display:inline-flex}.admin-check input,.moderation-list input[type=checkbox],.moderation-media input{width:18px;height:18px;accent-color:var(--ink);cursor:pointer}.admin-form-actions{flex-wrap:wrap;align-items:center;gap:12px;padding:8px 0 24px;display:flex}.admin-form-actions .text-danger{margin-left:auto}.repeat-list{flex-direction:column;gap:4px;display:flex}.repeat-row{border-bottom:1px solid var(--line-soft);align-items:start;gap:12px;padding:8px 0;display:grid}.ingredient-row{grid-template-columns:2fr .7fr .8fr 1.4fr 1.6fr auto}.step-row{grid-template-columns:32px 1fr auto}.step-row-top{grid-template-columns:1fr 140px 110px;gap:12px;display:grid}.step-index{background:var(--ink);width:32px;height:32px;color:var(--paper);place-items:center;margin-top:6px;font-size:13px;font-weight:700;display:grid}.row-tools{display:flex}.row-tools .icon-button{width:34px;height:44px}.add-row{border:1px dashed var(--ink);min-height:40px;letter-spacing:var(--ls-label);text-transform:uppercase;background:0 0;align-self:flex-start;align-items:center;gap:6px;margin-top:8px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.add-row svg{width:15px}.add-row:hover{background:var(--ink);color:var(--paper);border-style:solid}.moderation-tabs button{align-items:center;gap:4px;display:inline-flex}.bulk-bar{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 16px;font-size:13px;display:flex}.moderation-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px;display:grid}.moderation-card{background:var(--paper);outline-offset:-2px;transition:outline-color var(--speed) var(--ease);outline:2px solid #0000;flex-direction:column;display:flex}.moderation-card.is-selected,.moderation-list li.is-selected{outline:2px solid var(--ink);outline-offset:-2px}.moderation-media{aspect-ratio:4/5;background:var(--surface);position:relative}.moderation-media img{object-fit:cover;width:100%;height:100%;display:block}.moderation-media input{position:absolute;top:12px;right:12px}.moderation-body{flex-direction:column;flex:1;gap:4px;padding:14px 16px 6px;display:flex}.moderation-body small,.moderation-meta small{letter-spacing:var(--ls-label);color:var(--muted);align-items:center;gap:3px;font-size:10px;display:inline-flex}.moderation-body strong{font-size:14px}.moderation-body p,.moderation-list p{color:var(--subdued);margin:4px 0;font-size:13px;line-height:1.5}.moderation-body a,.moderation-list a:not(.icon-button){text-underline-offset:3px;font-size:12px;text-decoration:underline}.moderation-card>.text-danger{align-self:flex-start;margin:0 6px 8px}.moderation-list{background:var(--paper);margin:0;padding:0;list-style:none}.moderation-list li{border-bottom:1px solid var(--line);grid-template-columns:18px auto 1fr auto;align-items:start;gap:16px;padding:16px;display:grid}.moderation-list li>input{margin-top:2px}.moderation-list li:not(:has(.moderation-thumb)){grid-template-columns:18px 1fr auto}.moderation-thumb{object-fit:cover;background:var(--surface);width:48px;height:60px}.moderation-meta{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.moderation-meta strong{font-size:14px}.moderation-meta .stars{gap:1px;display:inline-flex}.moderation-actions{align-items:center;gap:4px;display:flex}@media (max-width:1100px){.ingredient-row{grid-template-columns:1fr 1fr 1fr}.ingredient-row .row-tools{grid-column:1/-1;justify-content:flex-end}}@media (max-width:820px){.admin-content-view .admin-columns{grid-template-columns:1fr}.step-row-top{grid-template-columns:1fr 1fr}.step-row-top input:first-child{grid-column:1/-1}.admin-panel-head{flex-wrap:wrap;gap:12px}}@media (max-width:600px){.admin-login form{padding:28px 20px}.admin-form fieldset{grid-template-columns:1fr;padding:18px 16px}.image-field-row{grid-template-columns:88px 1fr}.ingredient-row{grid-template-columns:1fr 1fr}.ingredient-row input:first-child,.ingredient-row input:nth-child(4),.ingredient-row input:nth-child(5){grid-column:1/-1}.step-row{grid-template-columns:1fr}.step-index{margin:0}:is(.moderation-list li,.moderation-list li:not(:has(.moderation-thumb))){grid-template-columns:18px 1fr}.moderation-list li>.text-danger,.moderation-actions,.moderation-thumb{grid-column:2}.admin-form-actions .text-danger{margin-left:0}.bar-chart-plot,.bar-chart-axis{margin-left:32px}.rank-list li{grid-template-columns:minmax(0,1fr) 48px}.rank-list i{display:none}.admin-checks,.admin-form>.admin-check{padding:12px 16px}}