@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(./fraunces-vietnamese-600-normal-BjlAJixd.woff2)format("woff2"),url(./fraunces-vietnamese-600-normal-DlAl5EAR.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(./fraunces-latin-ext-600-normal-BtzmzP0X.woff2)format("woff2"),url(./fraunces-latin-ext-600-normal-B0Dy4lqi.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(./fraunces-latin-600-normal-BFCDtZfi.woff2)format("woff2"),url(./fraunces-latin-600-normal-DL5QCzvS.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fbf5e9;--surface:#fffdf8;--border:#e8dcc6;--text:#2b1d14;--muted:#7a6a5c;--accent:#c8321f;--accent-contrast:#fff;--secondary:#3f6b3a;--radius:14px;--display:"Fraunces", Georgia, "Times New Roman", serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);font-family:var(--body);font-variant-numeric:tabular-nums;margin:0;font-size:16px;line-height:1.45}h1,h2{font-family:var(--display);margin:0;font-weight:600}.page{max-width:1040px;margin:0 auto;padding:24px 16px 48px}.page-header{margin-bottom:24px}.page-header h1{font-size:clamp(1.9rem,6vw,2.8rem);line-height:1.1}.lede{color:var(--muted);margin:6px 0 0}.layout{gap:20px;display:grid}html:not(.ready) .layout{visibility:hidden}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.settings{padding:20px}.settings h2{margin-bottom:16px;font-size:1.3rem}.field{border:0;min-width:0;margin:0 0 22px;padding:0;display:block}.field:last-child{margin-bottom:0}.field-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.field label,.field legend,.switch-label{font-weight:600}.field legend{margin-bottom:8px;padding:0}output{font-family:var(--display);color:var(--accent);font-size:1.4rem}input[type=range]{width:100%;height:28px;accent-color:var(--accent);cursor:pointer;margin:0}.ticks{height:1.3em;color:var(--muted);font-size:.8rem;position:relative}.ticks span{position:absolute;top:0}.ticks span:first-child{left:0}.ticks span:nth-child(2){left:var(--mid,50%);transform:translate(-50%)}.ticks span:nth-child(3){right:0}.segmented{border:1px solid var(--border);background:var(--bg);border-radius:999px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.segmented label{font-weight:400;position:relative}.segmented input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.segmented span{text-align:center;border-radius:999px;padding:8px 4px;display:block}.segmented input:checked+span{background:var(--accent);color:var(--accent-contrast);font-weight:600}.segmented input:focus-visible+span{outline:3px solid var(--text);outline-offset:2px}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.switch-text{flex-direction:column;display:flex}.switch-sub{color:var(--muted);font-size:.85rem;font-weight:400}.switch-row input{opacity:0;cursor:pointer;width:52px;height:30px;margin:0;position:absolute;right:0}.switch-track{background:#cdbfa8;border-radius:999px;flex:none;width:52px;height:30px;transition:background .15s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch-row input:checked+.switch-track{background:var(--accent)}.switch-row input:checked+.switch-track:after{transform:translate(22px)}.switch-row input:focus-visible+.switch-track{outline:3px solid var(--text);outline-offset:2px}.results{gap:16px;min-width:0;display:grid}.stats{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;display:grid}.stat{padding:14px 16px}.stat dt{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.75rem}.stat dd{margin:2px 0 0}.stat-value{font-family:var(--display);font-size:2rem;line-height:1.1;display:block}.stat-unit{color:var(--muted);font-size:.8rem}.pills{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pill{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:.85rem}.pill-accent{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.table-card{padding:4px 16px}.ingredients{border-collapse:collapse;width:100%}.ingredients th,.ingredients td{text-align:left;border-bottom:1px solid var(--border);vertical-align:baseline;padding:10px 0}.ingredients tbody tr:last-child th,.ingredients tbody tr:last-child td{border-bottom:0}.ingredients thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.75rem;font-weight:600}.ingredients tbody th{font-weight:600}.ingredients .num{text-align:right;white-space:nowrap;padding-left:12px}.ing-note{color:var(--muted);font-size:.8rem;font-weight:400;display:block}.ing-amount{font-weight:600}.ing-percent{color:var(--muted)}.tips{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tip{border-radius:var(--radius);background:#eef3e6;border:1px solid #cfdcc0;padding:10px 14px}.tip-label{text-transform:uppercase;letter-spacing:.06em;color:var(--secondary);font-size:.75rem;font-weight:700;display:block}.instructions h2{font-size:1.15rem}#instructions-toggle{border-radius:var(--radius);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:16px;display:flex}.chevron{font-family:var(--body);color:var(--accent);font-size:.8rem;transition:transform .15s}#instructions-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}.steps{margin:0;padding:0 16px 16px 48px;list-style:decimal-leading-zero}.steps li{padding:4px 0 4px 4px}.steps li::marker{color:var(--accent);font-weight:700}.actions{flex-wrap:wrap;gap:12px;display:flex}.btn{border:1px solid var(--text);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;flex:140px;padding:12px 16px;font-weight:600}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}button:focus-visible,input[type=range]:focus-visible{outline:3px solid var(--text);outline-offset:2px}@media (width>=760px){.page{padding:40px 24px 64px}.layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:28px}.stats{grid-template-columns:repeat(4,1fr)}}@media (width>=760px) and (height>=560px){.settings{position:sticky;top:24px}}@media (prefers-reduced-motion:reduce){.chevron,.switch-track,.switch-track:after{transition:none}}