:root{--cream:#fffdf8;--ink:#4a362b;--muted:#8a6a55;--line:#f1eadb;--crema:#f3e6cc;--latte:#a87b52;--milk:#fff8ee;--terra:#c4643f;--sand:#e6dac4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:DM Sans,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.4}h1,p,ol,ul{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button,select,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--terra);outline-offset:2px}.app{flex-direction:column;max-width:440px;min-height:100dvh;margin:0 auto;display:flex;overflow-x:clip}.screen{padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 24px max(20px, env(safe-area-inset-left));flex-direction:column;flex:1;gap:16px;display:flex}.screen.spread{justify-content:space-between}.screen.tight{gap:0}.end{margin-top:auto}.stack{flex-direction:column;gap:10px;display:flex}.center{text-align:center}.nav{background:var(--cream);border-top:1px solid var(--line);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;position:sticky;bottom:0}.nav a{min-height:56px;color:var(--muted);flex:1;place-items:center;font-size:13px;display:grid}.nav a[aria-current=page]{color:var(--terra);font-weight:700}.h1{font-family:Fraunces,serif;font-size:34px;font-weight:700;line-height:1.08}.h2{font-family:Fraunces,serif;font-size:28px;font-weight:700;line-height:1.1}.sub{color:var(--muted);margin-top:4px;font-size:15px;line-height:1.45}.label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:-6px;font-size:12px;font-weight:700}.btn{text-align:center;background:var(--terra);color:#fff;border:0;border-radius:16px;width:100%;min-height:52px;padding:15px;font-size:16px;font-weight:700;transition:transform .1s;display:block}.btn:active{transform:scale(.98)}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:#fff;font-weight:500}.back{border-radius:12px;align-self:flex-start;place-items:center;min-width:44px;min-height:44px;margin:-8px 0 -8px -10px;font-size:24px;display:grid}.dots{justify-content:center;gap:6px;margin-top:6px;display:flex}.dots i{background:var(--sand);border-radius:4px;width:8px;height:8px}.dots i.on{background:var(--terra);width:22px}.illo{align-self:center;width:min(280px,75%)}.checks{flex-direction:column;gap:16px;margin-top:16px;display:flex}.check{align-items:flex-start;gap:12px;font-size:15px;line-height:1.4;display:flex}.check .n{background:var(--crema);border-radius:14px;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.check b{font-size:16px;display:block}.cards{flex-direction:column;gap:10px;display:flex}.card{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:12px 14px;display:flex}.card.featured{border-color:#e8cdbf}.card.locked{opacity:.55}.card svg{flex:none;width:56px;height:56px}.card b{font-size:17px;display:block}.card span{color:var(--muted);font-size:14px}.card .lock{margin-left:auto}.prep{background:var(--crema);color:#5a4034;border-radius:16px;padding:16px;font-size:14px;display:block}.prep b{color:var(--ink);margin-bottom:2px;font-size:16px;display:block}.art{align-self:center;width:min(190px,50vw)}.stages{gap:8px;font-size:14px;display:flex}.stages li{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;flex:1;padding:8px 4px}.seg{background:#f6efe2;border-radius:14px;padding:4px;font-size:15px;display:flex}.seg label{min-height:44px;color:var(--muted);cursor:pointer;border-radius:11px;flex:1;place-items:center;transition:background .15s;display:grid}.seg label:has(:checked){color:var(--ink);background:#fff;font-weight:700;box-shadow:0 1px 3px #4a362b1f}.seg input,.rate input{opacity:0;pointer-events:none;position:absolute}:is(.seg label:has(:focus-visible),.rate label:has(:focus-visible)){outline:3px solid var(--terra);outline-offset:2px}.center-label{flex-direction:column;gap:16px;display:flex}.center-label .label{text-align:center;margin:4px 0 -6px}.rate{gap:10px;display:flex}.rate label{border:1px solid var(--line);text-align:center;cursor:pointer;background:#fff;border-radius:14px;flex:1;padding:12px 4px;font-size:14px;transition:background .15s}.rate label:has(:checked){border-color:var(--terra);background:#fbefe8}.rate i{margin-bottom:2px;font-size:26px;font-style:normal;display:block}.screen.tight .h1{margin:4px 0 20px}.screen.tight .label{margin:0}.screen.tight .label.later{margin-top:28px}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:6px 0;font-size:16px;display:flex}.row.off{opacity:.5}.note{color:var(--muted);font-size:13px;display:block}.switch{background:var(--terra);border:0;border-radius:15px;flex:none;width:50px;height:30px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:12px;width:24px;height:24px;transition:left .15s;position:absolute;top:3px;left:23px}.switch[aria-checked=false]{background:var(--sand)}.switch[aria-checked=false]:after{left:3px}.switch:disabled{cursor:not-allowed}.row select{appearance:none;color:var(--muted);field-sizing:content;text-align-last:right;cursor:pointer;background:0 0;border:0;min-height:44px;margin-left:auto;padding:0 0 0 12px;font-size:16px}.row:has(select):after{content:"›";color:var(--muted);margin-left:-8px}.pour{background:var(--cream);max-width:440px;margin:0 auto;position:fixed;inset:0;overflow:hidden}.pour canvas{width:100%;height:100%;position:absolute;inset:0}.pour-ui{padding:max(28px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.pour-ui button{pointer-events:auto}.close{top:max(12px, env(safe-area-inset-top));border:1px solid var(--sand);background:#fff;border-radius:50%;width:48px;height:48px;font-size:26px;line-height:1;position:absolute;left:12px}.stage{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:13px;font-weight:700}.prog{background:#efe5d3;border-radius:3px;width:180px;height:5px;margin:8px auto 0;overflow:hidden}.prog i{background:var(--terra);width:0;height:100%;display:block}.ctrl{align-items:center;gap:16px;display:flex}.pbtn{background:var(--terra);color:#fff;border:0;border-radius:50%;place-items:center;width:72px;height:72px;font-size:22px;display:grid;box-shadow:0 4px 12px #4a362b40}.pill{border:1px solid var(--sand);background:#fff;border-radius:99px;min-width:96px;min-height:48px;padding:0 20px;font-size:15px}.pill:disabled{opacity:.45;cursor:not-allowed}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}