.tonic-page{--tonic-surface:#15100c;--tonic-muted:#b3a399;--tonic-edge:#35271f;background:var(--bg);min-height:100vh;color:var(--text)}html[data-theme=light] .tonic-page{--tonic-surface:#fffaf4;--tonic-muted:#715f53;--tonic-edge:#d7c6b5}.tonic-page button,.tonic-page a{-webkit-tap-highlight-color:transparent}.tonic-page button{cursor:pointer}.tonic-page button:disabled{cursor:default;opacity:.4}.tonic-page :focus-visible{outline:2px solid var(--amber);outline-offset:5px}.tonic-page h1:focus{outline:none}.tonic-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(20px,4vw,56px);display:grid}.tonic-back{min-height:44px;color:var(--tonic-muted);background:0 0;border:0;align-items:center;gap:11px;padding:0;font-size:12px;display:inline-flex}.tonic-header-label{letter-spacing:.15em;color:var(--tonic-muted);justify-self:end;font-size:9px}.tonic-shell{width:min(1168px,100%);margin:auto;padding:0 32px 40px}.tonic-review-strip{border-bottom:1px solid var(--line);color:var(--tonic-muted);align-items:center;gap:8px;padding:12px 0;font-size:11px;line-height:1.5;display:flex}.tonic-review-strip>svg{color:var(--amber);flex-shrink:0}.tonic-review-strip strong{color:var(--text);font-weight:500}.tonic-review-strip a{color:var(--amber);align-items:center;gap:6px;min-height:28px;margin-left:auto;display:inline-flex}.tonic-screen{scroll-margin-top:20px}.tonic-hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:34px 0 40px;display:grid}.tonic-eyebrow{letter-spacing:.13em;color:var(--tonic-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:9px;display:flex}.tonic-eyebrow .step-pill{margin:0;padding:6px 10px;font-size:9px}.tonic-intro h1{font:500 clamp(58px, 6.3vw, 86px)/.98 var(--font-display);letter-spacing:-.045em;margin:23px 0 20px}.tonic-intro>p{color:var(--tonic-muted);max-width:330px;margin:0;font-size:14px;line-height:1.8}.tonic-facts{gap:23px;margin-top:27px;display:flex}.tonic-facts>div{align-items:center;gap:9px;display:flex}.tonic-facts svg{color:var(--amber);flex-shrink:0}.tonic-facts span{gap:5px;display:grid}.tonic-facts small{letter-spacing:.1em;color:var(--tonic-muted);font-size:10px}.tonic-facts strong{font-size:12px;font-weight:500}.tonic-visual{aspect-ratio:4/3;background:#21150e;border:1px solid #4a3324;border-radius:20px;width:100%;margin:0;position:relative;overflow:hidden}.tonic-visual img{object-fit:cover;width:100%;height:100%;display:block}.tonic-visual figcaption{color:#f0e7dc;letter-spacing:.12em;background:linear-gradient(#0000,#0d0907d9);justify-content:space-between;gap:10px;padding:35px 18px 16px;font-size:10px;display:flex;position:absolute;inset:auto 0 0}.tonic-workspace{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);align-items:start;gap:24px;display:grid}.tonic-ingredients-panel{border:1px solid var(--tonic-edge);background:var(--tonic-surface);border-radius:18px;overflow:hidden}.tonic-panel-heading{border-bottom:1px solid var(--tonic-edge);justify-content:space-between;align-items:center;gap:18px;padding:25px 26px;display:flex}.tonic-label{color:var(--amber);letter-spacing:.14em;margin:0 0 10px;font-size:9px;font-weight:600;line-height:1.6}.tonic-panel-heading h2{font:500 clamp(23px, 2.4vw, 31px)/1.2 var(--font-display);letter-spacing:-.02em;margin:0}.tonic-servings{border:0;margin:0;padding:0}.tonic-servings legend{color:var(--tonic-muted);align-items:center;gap:5px;margin-bottom:7px;font-size:10px;display:flex}.tonic-servings>div{border:1px solid var(--tonic-edge);border-radius:10px;gap:2px;padding:3px;display:flex}.tonic-servings button{width:44px;min-height:44px;color:var(--tonic-muted);background:0 0;border:0;border-radius:7px;font-size:13px}.tonic-servings button[aria-pressed=true]{background:var(--amber);color:#160c07;font-weight:600}.tonic-ingredients{margin:0;padding:0;list-style:none}.tonic-ingredients li{border-bottom:1px solid var(--tonic-edge);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:98px;padding:18px 26px;display:grid}.tonic-ingredient-icon{border:1px solid var(--tonic-edge);width:42px;height:42px;color:var(--amber);border-radius:50%;place-items:center;display:grid}.tonic-ingredient-name{gap:6px;display:grid}.tonic-ingredient-name strong{font-size:14px;font-weight:500}.tonic-ingredient-name small{color:var(--tonic-muted);font-size:10px;line-height:1.5}.tonic-quantity{text-align:right;flex-direction:column;align-items:end;gap:3px;max-width:125px;display:flex}.tonic-quantity strong{font:500 32px/1 var(--font-display)}.tonic-quantity small{color:var(--tonic-muted);font-size:10px;line-height:1.5}.tonic-scaling-note{color:var(--tonic-muted);margin:0;padding:14px 26px;font-size:10px;line-height:1.7}.tonic-start-card{border:1px solid var(--tonic-edge);background:linear-gradient(140deg, color-mix(in srgb, var(--amber) 8%, var(--tonic-surface)), var(--tonic-surface));border-radius:18px;padding:26px}.tonic-start-card h3{font:500 32px/1.16 var(--font-display);letter-spacing:-.02em;margin:0}.tonic-start-copy{color:var(--tonic-muted);margin:15px 0 20px;font-size:12px;line-height:1.8}.tonic-equipment{border-block:1px solid var(--tonic-edge);color:var(--amber);align-items:center;gap:12px;padding:17px 0;display:flex}.tonic-equipment span{color:var(--text);font-size:12px;line-height:1.8}.tonic-equipment small{color:var(--tonic-muted);font-size:11px}.tonic-batch-note{color:var(--tonic-muted);margin:17px 0;font-size:11px;line-height:1.7}.tonic-primary{border:1px solid var(--amber);background:var(--amber);color:#160c07;border-radius:11px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 18px;font-size:12px;font-weight:650;display:flex}.tonic-steps-caption{text-align:center;letter-spacing:.04em;color:var(--tonic-muted);margin-top:11px;font-size:9px;display:block}.tonic-safety{color:var(--tonic-muted);align-items:start;gap:7px;margin:20px 0 0;font-size:10px;line-height:1.6;display:flex}.tonic-safety svg{color:var(--amber);flex-shrink:0}.tonic-details{border-top:1px solid var(--tonic-edge);margin:36px 0 0}.tonic-details details{border-bottom:1px solid var(--tonic-edge)}.tonic-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:62px;font-size:12px;list-style:none;display:flex}.tonic-details summary::-webkit-details-marker{display:none}.tonic-details summary svg{color:var(--amber)}.tonic-details details[open] summary svg{transform:rotate(180deg)}.tonic-details details>div{color:var(--tonic-muted);max-width:780px;padding:0 0 22px;font-size:12px;line-height:1.8}.tonic-details details a{color:var(--amber);text-underline-offset:4px;align-items:center;gap:8px;text-decoration:underline;display:inline-flex}.tonic-share{color:var(--tonic-muted);justify-content:space-between;align-items:center;gap:16px;padding-top:22px;font-size:11px;display:flex}.tonic-share button{color:var(--text);background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:0;font-size:11px;display:inline-flex}.tonic-share-message{color:var(--tonic-muted);min-height:16px;margin:0;font-size:11px}.tonic-preparation{padding:36px 0 10px}.tonic-prep-top{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.tonic-prep-top h1{font:500 38px/1.2 var(--font-display);letter-spacing:-.03em;margin:0}.tonic-view-toggle{border:1px solid var(--tonic-edge);border-radius:10px;padding:4px;display:flex}.tonic-view-toggle button{min-height:40px;color:var(--tonic-muted);background:0 0;border:0;border-radius:7px;padding:8px 14px;font-size:11px}.tonic-view-toggle button[aria-pressed=true]{background:var(--surface-2);color:var(--text)}.tonic-prep-layout{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.tonic-visual.is-compact{aspect-ratio:1}.tonic-prep-content{min-width:0}.tonic-step-indicator{gap:8px;margin-bottom:30px;display:flex}.tonic-step-indicator>span{background:var(--tonic-edge);border-radius:2px;flex:1;height:3px}.tonic-step-indicator>span.is-active{background:var(--amber)}.tonic-current-step h2{font:500 clamp(32px, 4vw, 48px)/1.12 var(--font-display);letter-spacing:-.03em;margin:12px 0 24px}.tonic-step-amount{font:500 29px/1.3 var(--font-display);color:var(--amber);margin:0 0 20px}.tonic-step-amount small{font:400 11px/1.6 var(--font-sans);color:var(--tonic-muted);margin-top:8px;display:block}.tonic-instruction{font-size:15px;line-height:1.8}.tonic-prep-actions{gap:12px;margin-top:28px;display:flex}.tonic-secondary{border:1px solid var(--tonic-edge);color:var(--text);background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:12px 15px;font-size:12px;display:inline-flex}.tonic-prep-actions .tonic-primary{flex:1}.tonic-overview{margin:0;padding:0;list-style:none}.tonic-overview button{text-align:left;width:100%;color:var(--text);border:0;border-bottom:1px solid var(--tonic-edge);background:0 0;gap:14px;padding:18px 0;display:flex}.tonic-overview button>span{color:var(--amber);font:500 24px var(--font-display)}.tonic-overview strong{font:500 20px var(--font-display)}.tonic-overview p{color:var(--tonic-muted);margin:8px 0 0;font-size:12px;line-height:1.7}.tonic-finished{text-align:center;max-width:600px;margin:70px auto}.tonic-finished-icon{border:1px solid var(--amber-soft);width:70px;height:70px;color:var(--amber);border-radius:50%;place-items:center;margin:0 auto 25px;display:grid}.tonic-finished h1{font:500 clamp(40px, 5vw, 64px)/1.15 var(--font-display);margin:15px 0}.tonic-finished>p:not(.tonic-label){color:var(--tonic-muted);font-size:14px;line-height:1.8}.tonic-finished .tonic-primary{max-width:300px;margin:30px auto 16px}.tonic-text-link{min-height:44px;color:var(--tonic-muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.tonic-confirm{border:1px solid var(--amber-soft);border-radius:10px;margin:16px;padding:16px;font-size:12px;line-height:1.7}.tonic-confirm button{min-height:44px;color:var(--text);border:1px solid var(--tonic-edge);background:0 0;border-radius:7px;margin:8px 8px 0 0;padding:8px 12px}@media (max-width:900px){.tonic-hero{gap:32px}.tonic-facts{gap:16px}.tonic-facts>div{gap:6px}.tonic-header-label{display:none}.tonic-workspace{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);gap:18px}.tonic-panel-heading{flex-direction:column;align-items:start}.tonic-ingredients li{padding-inline:20px}}@media (max-width:700px){.tonic-header{height:66px;padding:0 20px}.tonic-header .brand{font-size:16px}.tonic-back span{display:none}.tonic-shell{padding:0 20px 28px}.tonic-review-strip{padding:10px 0;font-size:10px}.tonic-review-long{display:none}.tonic-hero{grid-template-columns:minmax(0,1fr);gap:24px;padding:27px 0 26px}.tonic-intro h1{margin:18px 0 15px;font-size:62px}.tonic-intro h1 br{display:none}.tonic-intro h1 em:before{content:" "}.tonic-intro>p{max-width:none;font-size:13px}.tonic-facts{gap:20px;margin-top:22px}.tonic-facts small{font-size:10px}.tonic-visual{aspect-ratio:16/10;border-radius:15px}.tonic-visual figcaption{padding:28px 12px 12px;font-size:9px}.tonic-workspace{grid-template-columns:minmax(0,1fr);gap:18px}.tonic-panel-heading{flex-direction:column;align-items:stretch;gap:12px;padding:20px}.tonic-panel-heading h2{max-width:170px;font-size:25px}.tonic-panel-heading .tonic-label{max-width:150px;font-size:10px}.tonic-servings button{width:44px;min-height:44px}.tonic-ingredients li{gap:12px;min-height:92px}.tonic-ingredient-name strong{font-size:13px}.tonic-quantity strong{font-size:30px}.tonic-quantity{max-width:90px}.tonic-scaling-note{padding:14px 20px}.tonic-start-card{padding:22px}.tonic-start-card h3{font-size:30px}.tonic-start-copy{max-width:290px}.tonic-details{margin-top:26px}.tonic-share{flex-wrap:wrap}.tonic-prep-top{flex-direction:column;align-items:start;gap:20px;margin-bottom:25px}.tonic-prep-top h1{font-size:34px}.tonic-prep-layout{grid-template-columns:minmax(0,1fr);gap:25px}.tonic-visual.is-compact{aspect-ratio:16/7}.tonic-visual.is-compact img{object-position:center 48%}.tonic-current-step h2{font-size:36px}.tonic-step-indicator{margin-bottom:24px}.tonic-step-amount{font-size:27px}.tonic-preparation{padding-top:28px}.tonic-finished{margin:45px auto}.tonic-instruction{font-size:14px}}@media (max-width:374px){.tonic-panel-heading{flex-direction:column;align-items:stretch}.tonic-servings legend{float:left;margin:15px 14px 0 0}.tonic-servings>div{width:max-content}.tonic-facts{gap:15px}}@media (prefers-reduced-motion:reduce){.tonic-page *,.tonic-page :before,.tonic-page :after{scroll-behavior:auto;transition:none;animation:none}}html[data-theme=light] .tonic-page .tonic-primary,html[data-theme=light] .tonic-page .tonic-servings button[aria-pressed=true],html[data-theme=light] .tonic-page .step-pill{color:#fffaf4}.tonic-page .brand-icon{color:var(--text);border-color:var(--amber-soft)}html[data-theme=light] .tonic-page{--amber:#99551f}.tonic-prep-measures{border-top:1px solid var(--tonic-edge);margin-top:20px;padding-top:14px;font-size:12px;line-height:1.7}.tonic-prep-measures p{color:var(--tonic-muted);margin:0 0 9px}.tonic-prep-measures span{display:block}.tonic-prep-measures strong{color:var(--amber);font-weight:500}