.page-head[data-astro-cid-idryoeuv]{position:relative;overflow:hidden;text-align:center;padding:40px 0 50px;background:linear-gradient(180deg,var(--hero-bg-start),var(--hero-bg-end));transition:background-color .3s cubic-bezier(.23,1,.32,1)}.page-head[data-astro-cid-idryoeuv] .mesh[data-astro-cid-idryoeuv].ph1{width:340px;height:340px;background:var(--hero-mesh-1);top:-80px;left:9%;opacity:.3}.page-head[data-astro-cid-idryoeuv] .mesh[data-astro-cid-idryoeuv].ph2{width:320px;height:320px;background:var(--hero-mesh-3);top:-40px;right:9%;opacity:.3}.page-head[data-astro-cid-idryoeuv] .wrap[data-astro-cid-idryoeuv]{position:relative;z-index:1}.eyebrow[data-astro-cid-idryoeuv]{font-size:1rem;font-weight:600;color:var(--blue-d);margin-bottom:6px}.page-head[data-astro-cid-idryoeuv] h1[data-astro-cid-idryoeuv]{font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:800;letter-spacing:-.03em}.lead[data-astro-cid-idryoeuv]{color:var(--muted);font-size:1.1rem;max-width:600px;margin:12px auto 0;line-height:1.5}.content-grid[data-astro-cid-idryoeuv]{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:start;position:relative}.sidebar[data-astro-cid-idryoeuv]{display:flex;flex-direction:column;gap:24px;position:sticky;top:76px}.panel[data-astro-cid-idryoeuv]{padding:24px;border-radius:20px}.panel[data-astro-cid-idryoeuv] h3[data-astro-cid-idryoeuv]{font-size:1.2rem;font-weight:700;margin-bottom:6px}.panel-desc[data-astro-cid-idryoeuv]{font-size:.84rem;color:var(--muted);line-height:1.4;margin-bottom:18px}.illustration-panel[data-astro-cid-idryoeuv]{background:var(--glass);border:1px solid var(--glass-border);padding:20px;border-radius:20px;text-align:center;box-shadow:var(--shadow-card)}.illustration-container[data-astro-cid-idryoeuv]{height:140px;display:flex;justify-content:center;align-items:center;margin:10px 0 14px;background:#00000005;border-radius:12px;overflow:hidden;color:var(--ink);border:1px solid var(--line)}html.dark .illustration-container[data-astro-cid-idryoeuv]{background:#ffffff05}.illustration-card[data-astro-cid-idryoeuv]{display:none;width:100%;height:100%;justify-content:center;align-items:center}.illustration-panel[data-astro-cid-idryoeuv][data-active="1"] .card-1[data-astro-cid-idryoeuv],.illustration-panel[data-astro-cid-idryoeuv][data-active="2"] .card-2[data-astro-cid-idryoeuv],.illustration-panel[data-astro-cid-idryoeuv][data-active="3"] .card-3[data-astro-cid-idryoeuv],.illustration-panel[data-astro-cid-idryoeuv][data-active="4"] .card-4[data-astro-cid-idryoeuv],.illustration-panel[data-astro-cid-idryoeuv][data-active="5"] .card-5[data-astro-cid-idryoeuv],.illustration-panel[data-astro-cid-idryoeuv][data-active="6"] .card-6[data-astro-cid-idryoeuv],.illustration-panel[data-astro-cid-idryoeuv][data-active="7"] .card-7[data-astro-cid-idryoeuv],.illustration-panel[data-astro-cid-idryoeuv][data-active="8"] .card-8[data-astro-cid-idryoeuv],.illustration-panel[data-astro-cid-idryoeuv][data-active="9"] .card-9[data-astro-cid-idryoeuv],.illustration-panel[data-astro-cid-idryoeuv][data-active="10"] .card-10[data-astro-cid-idryoeuv],.illustration-panel[data-astro-cid-idryoeuv][data-active="11"] .card-11[data-astro-cid-idryoeuv],.illustration-panel[data-astro-cid-idryoeuv][data-active="12"] .card-12[data-astro-cid-idryoeuv]{display:flex}.illustration-info[data-astro-cid-idryoeuv]{margin-top:10px;border-top:1px solid var(--line);padding-top:12px}.step-badge[data-astro-cid-idryoeuv]{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--blue-d);background:#0071e314;padding:3px 8px;border-radius:10px;display:inline-block;margin-bottom:6px}html.dark .step-badge[data-astro-cid-idryoeuv]{background:#0a84ff26;color:var(--blue)}.illustration-info[data-astro-cid-idryoeuv] h4[data-astro-cid-idryoeuv]{font-size:.94rem;font-weight:700;color:var(--ink);margin:0}@keyframes wave-slide{0%{transform:translate(0)}to{transform:translate(-20px)}}.anim-wave[data-astro-cid-idryoeuv]{animation:wave-slide 1.5s linear infinite}@keyframes bubble-rise-tank{0%{transform:translateY(0) scale(.8);opacity:0}20%{opacity:.8}80%{opacity:.8}to{transform:translateY(-30px) scale(1.2);opacity:0}}.anim-bubble-rise-1[data-astro-cid-idryoeuv]{animation:bubble-rise-tank 1.8s infinite linear}.anim-bubble-rise-2[data-astro-cid-idryoeuv]{animation:bubble-rise-tank 1.4s infinite linear .4s}.anim-bubble-rise-3[data-astro-cid-idryoeuv]{animation:bubble-rise-tank 2.2s infinite linear .8s}@keyframes bottle-tilt{0%,to{transform:rotate(-35deg) translate(0)}50%{transform:rotate(-40deg) translate(-1px,-2px)}}.anim-bottle-tilt[data-astro-cid-idryoeuv]{animation:bottle-tilt 3s ease-in-out infinite}@keyframes pour-flow{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}.anim-pour-stream-inner[data-astro-cid-idryoeuv]{animation:pour-flow 1s linear infinite}@keyframes flush-flow{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}.anim-flush-flow[data-astro-cid-idryoeuv]{animation:flush-flow .5s linear infinite}@keyframes flush-steam-1{0%{transform:translateY(5px) scale(.8);opacity:0}50%{opacity:.6}to{transform:translate(-10px,-15px) scale(1.2);opacity:0}}@keyframes flush-steam-2{0%{transform:translateY(5px) scale(.8);opacity:0}50%{opacity:.6}to{transform:translate(10px,-15px) scale(1.2);opacity:0}}.anim-flush-steam-1[data-astro-cid-idryoeuv]{animation:flush-steam-1 1.6s infinite ease-out;transform-origin:80px 75px}.anim-flush-steam-2[data-astro-cid-idryoeuv]{animation:flush-steam-2 1.6s infinite ease-out .8s;transform-origin:120px 75px}@keyframes beans-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(.5px,.5px) rotate(.5deg)}75%{transform:translate(-.5px,-.5px) rotate(-.5deg)}}.anim-beans-shake[data-astro-cid-idryoeuv]{animation:beans-shake .15s linear infinite}@keyframes bean-fall-1{0%{transform:translateY(-10px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-3px,12px);opacity:0}}@keyframes bean-fall-2{0%{transform:translate(2px,-8px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-1px,14px);opacity:0}}.anim-bean-fall-1[data-astro-cid-idryoeuv]{animation:bean-fall-1 .8s infinite linear}.anim-bean-fall-2[data-astro-cid-idryoeuv]{animation:bean-fall-2 .8s infinite linear .4s}@keyframes grind-stream{0%{stroke-dashoffset:12}to{stroke-dashoffset:0}}.anim-grind-stream[data-astro-cid-idryoeuv]{animation:grind-stream .3s linear infinite}@keyframes coffee-pile{0%{transform:translateY(18px)}to{transform:translateY(0)}}.anim-coffee-pile[data-astro-cid-idryoeuv]{animation:coffee-pile 5s ease-out infinite;transform-origin:bottom center}@keyframes tamper-down{0%,to{transform:translateY(-18px)}40%,75%{transform:translateY(21px)}}.anim-tamper-down[data-astro-cid-idryoeuv]{animation:tamper-down 3s cubic-bezier(.25,1,.5,1) infinite}@keyframes coffee-tamp-bed{0%,to{transform:scaleY(1);transform-origin:bottom center}40%,75%{transform:scaleY(.72);transform-origin:bottom center}}.anim-coffee-tamp-bed[data-astro-cid-idryoeuv]{animation:coffee-tamp-bed 3s cubic-bezier(.25,1,.5,1) infinite}@keyframes coffee-tamp-bed-darker{0%,to{transform:scaleY(1);opacity:0;transform-origin:bottom center}40%,75%{transform:scaleY(.72);opacity:.95;transform-origin:bottom center}}.anim-coffee-tamp-bed-darker[data-astro-cid-idryoeuv]{animation:coffee-tamp-bed-darker 3s cubic-bezier(.25,1,.5,1) infinite}@keyframes pressure-ripple{0%,39%{transform:scale(.6);opacity:0}40%{opacity:.8}60%{transform:scale(1.1);opacity:0}to{opacity:0}}.anim-pressure-ripple[data-astro-cid-idryoeuv]{animation:pressure-ripple 3s cubic-bezier(.1,.8,.3,1) infinite;transform-origin:100px 80px}@keyframes finger-tap{0%,to{transform:translate(5px,12px);opacity:0}20%,45%{transform:translate(0);opacity:1}50%,85%{transform:translate(3px,6px);opacity:.5}}.anim-finger-tap[data-astro-cid-idryoeuv]{animation:finger-tap 3s cubic-bezier(.25,1,.5,1) infinite}@keyframes tare-glow{0%,19%,41%,to{opacity:0}20%,40%{opacity:.8}}.anim-tare-glow[data-astro-cid-idryoeuv]{animation:tare-glow 3s linear infinite}@keyframes digits-before{0%,19%{opacity:1}20%,to{opacity:0}}@keyframes digits-after{0%,19%{opacity:0}20%,40%{opacity:1}41%,55%{opacity:.3}56%,70%{opacity:1}71%,85%{opacity:.3}86%,to{opacity:1}}.anim-digits-before[data-astro-cid-idryoeuv]{animation:digits-before 3s step-end infinite}.anim-digits-after[data-astro-cid-idryoeuv]{animation:digits-after 3s step-end infinite}@keyframes droplet-fall{0%{transform:translateY(0) scale(1);opacity:0}50%{opacity:1}to{transform:translateY(12px) scale(.6);opacity:0}}.anim-droplet-1[data-astro-cid-idryoeuv]{animation:droplet-fall .8s infinite ease-in}.anim-droplet-2[data-astro-cid-idryoeuv]{animation:droplet-fall .8s infinite ease-in .3s}@keyframes ext-stream-wobble{0%,to{transform:scaleX(1) rotate(0)}50%{transform:scaleX(.9) rotate(.5deg)}}.anim-ext-stream[data-astro-cid-idryoeuv]{animation:ext-stream-wobble .25s infinite ease-in-out;transform-origin:100px 32px}@keyframes ext-stream-flow{0%{stroke-dashoffset:12}to{stroke-dashoffset:0}}.anim-ext-stream-inner[data-astro-cid-idryoeuv]{animation:ext-stream-flow .4s linear infinite}@keyframes liquid-rise{0%{transform:translateY(22px)}to{transform:translateY(0)}}.anim-liquid-rise[data-astro-cid-idryoeuv]{animation:liquid-rise 5s ease-out infinite;transform-origin:bottom center}@keyframes crema-swirl{0%{transform:scaleX(.9) rotate(0)}50%{transform:scaleX(1.1) rotate(1deg)}to{transform:scaleX(.9) rotate(0)}}.anim-crema-swirl[data-astro-cid-idryoeuv]{animation:crema-swirl 2s ease-in-out infinite;transform-origin:100px 70px}@keyframes carton-pour{0%,to{transform:rotate(-35deg) translate(0)}50%{transform:rotate(-42deg) translate(-2px,-4px)}}.anim-carton-pour[data-astro-cid-idryoeuv]{animation:carton-pour 3s ease-in-out infinite;transform-origin:50px 45px}@keyframes milk-stream-flow{0%{stroke-dashoffset:12}to{stroke-dashoffset:0}}.anim-milk-stream-flow-inner[data-astro-cid-idryoeuv]{animation:milk-stream-flow .5s linear infinite}@keyframes milk-rise{0%{transform:translateY(25px)}to{transform:translateY(0)}}.anim-milk-rise[data-astro-cid-idryoeuv]{animation:milk-rise 5s ease-out infinite;transform-origin:bottom center}@keyframes wand-vibe{0%,to{transform:rotate(0)}15%{transform:rotate(1deg) translate(.5px,.5px)}30%{transform:rotate(-1deg) translate(-.5px,-.5px)}45%{transform:rotate(.5deg) translate(.3px,-.3px)}60%{transform:rotate(0)}}.anim-wand-vibe[data-astro-cid-idryoeuv]{animation:wand-vibe 1.5s ease-in-out infinite;transform-origin:72px 15px}@keyframes steam-jet{0%{stroke-dasharray:0 40;stroke-width:1;opacity:0}15%{opacity:.8;stroke-width:4}50%{stroke-dasharray:40 40;stroke-width:6;opacity:.3}80%,to{opacity:0;stroke-width:1}}.anim-steam-jet-1[data-astro-cid-idryoeuv]{animation:steam-jet 1.5s infinite ease-out}.anim-steam-jet-2[data-astro-cid-idryoeuv]{animation:steam-jet 1.5s infinite ease-out .15s}.anim-steam-jet-3[data-astro-cid-idryoeuv]{animation:steam-jet 1.5s infinite ease-out .3s}@keyframes stretch-milk{0%{transform:translateY(12px)}to{transform:translateY(0)}}.anim-stretch-milk[data-astro-cid-idryoeuv]{animation:stretch-milk 4s ease-out infinite;transform-origin:bottom center}@keyframes stretch-foam{0%{transform:translateY(12px) scaleY(.2)}to{transform:translateY(0) scaleY(1.3)}}.anim-stretch-foam[data-astro-cid-idryoeuv]{animation:stretch-foam 4s ease-out infinite;transform-origin:bottom center}@keyframes stretch-bubble{0%{transform:translate(0) scale(.3);opacity:0}50%{opacity:.9}to{transform:translate(var(--dx),var(--dy)) scale(1.4);opacity:0}}.anim-stretch-bubble-1[data-astro-cid-idryoeuv]{--dx: 8px;--dy: -4px;animation:stretch-bubble .8s infinite ease-out}.anim-stretch-bubble-2[data-astro-cid-idryoeuv]{--dx: -6px;--dy: -6px;animation:stretch-bubble .8s infinite ease-out .25s}.anim-stretch-bubble-3[data-astro-cid-idryoeuv]{--dx: 2px;--dy: -8px;animation:stretch-bubble .8s infinite ease-out .5s}@keyframes vortex-spin-rot{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-vortex-spin[data-astro-cid-idryoeuv]{animation:vortex-spin-rot 1.2s linear infinite;transform-origin:100px 70px}@keyframes surface-shimmer{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.anim-surface-shimmer[data-astro-cid-idryoeuv]{animation:surface-shimmer 2s ease-in-out infinite}@keyframes pitcher-polish{0%{transform:translate(0)}25%{transform:translate(3px,-2px)}50%{transform:translateY(-4px)}75%{transform:translate(-3px,-2px)}to{transform:translate(0)}}.anim-pitcher-polish[data-astro-cid-idryoeuv]{animation:pitcher-polish 1.5s infinite linear}@keyframes polish-swirl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-polish-swirl[data-astro-cid-idryoeuv]{animation:polish-swirl 2s linear infinite;transform-origin:100px 38px}@keyframes pour-pitcher{0%,to{transform:rotate(-35deg) translate(0)}50%{transform:rotate(-38deg) translate(1px,-1px)}}.anim-pour-pitcher[data-astro-cid-idryoeuv]{animation:pour-pitcher 2.5s ease-in-out infinite}@keyframes latte-heart-draw{0%{transform:translate(5px,8px) scale(.1);opacity:0}30%{transform:translate(5px,8px) scale(.3);opacity:.8}80%,to{transform:translate(0) scale(1);opacity:1}}.anim-latte-heart-draw[data-astro-cid-idryoeuv]{animation:latte-heart-draw 4s ease-out infinite;transform-origin:130px 85px}.drink-toggle-group[data-astro-cid-idryoeuv]{display:flex;flex-direction:column;gap:10px}.drink-btn[data-astro-cid-idryoeuv]{font-family:inherit;font-size:.94rem;font-weight:600;cursor:pointer;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:var(--slider-box-bg);color:var(--ink);display:flex;align-items:center;gap:12px;transition:all .16s cubic-bezier(.23,1,.32,1)}.drink-btn[data-astro-cid-idryoeuv] svg[data-astro-cid-idryoeuv]{width:20px;height:20px;stroke-width:2}.drink-btn[data-astro-cid-idryoeuv].is-active{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 4px 14px #0071e340}.drink-btn[data-astro-cid-idryoeuv]:active{transform:scale(.97)}.slider-box[data-astro-cid-idryoeuv]{background:var(--slider-box-bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:16px;transition:background-color .3s,border-color .3s}.slider-box[data-astro-cid-idryoeuv] label[data-astro-cid-idryoeuv]{font-size:.76rem;color:var(--muted);font-weight:500;display:flex;justify-content:space-between;margin-bottom:8px}.slider-box[data-astro-cid-idryoeuv] label[data-astro-cid-idryoeuv] b[data-astro-cid-idryoeuv]{color:var(--ink);font-size:.94rem;font-weight:700}.roast-select-box[data-astro-cid-idryoeuv]{margin-bottom:20px}.roast-select-box[data-astro-cid-idryoeuv] label[data-astro-cid-idryoeuv]{font-size:.76rem;color:var(--muted);font-weight:600;display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.roast-options[data-astro-cid-idryoeuv]{display:flex;gap:6px}.roast-btn[data-astro-cid-idryoeuv]{flex:1;font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--slider-box-bg);color:var(--ink);transition:all .16s cubic-bezier(.23,1,.32,1)}.roast-btn[data-astro-cid-idryoeuv].is-active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.calc-results[data-astro-cid-idryoeuv]{display:flex;flex-direction:column;gap:12px;margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.res-card[data-astro-cid-idryoeuv]{background:#00000005;border:1px solid var(--line);padding:14px;border-radius:12px}html.dark .res-card[data-astro-cid-idryoeuv]{background:#ffffff05}.res-card[data-astro-cid-idryoeuv] .lbl[data-astro-cid-idryoeuv]{font-size:.74rem;color:var(--muted);font-weight:500}.res-card[data-astro-cid-idryoeuv] .val[data-astro-cid-idryoeuv]{font-size:1.4rem;font-weight:800;color:var(--blue-d);margin:4px 0 2px}.res-card[data-astro-cid-idryoeuv] .sub[data-astro-cid-idryoeuv]{font-size:.72rem;color:var(--muted)}.progress-panel[data-astro-cid-idryoeuv]{margin-bottom:24px;padding:20px 24px}.prog-info[data-astro-cid-idryoeuv]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.prog-info[data-astro-cid-idryoeuv] h3[data-astro-cid-idryoeuv]{margin-bottom:0}.prog-text[data-astro-cid-idryoeuv]{font-size:.88rem;font-weight:600;color:var(--blue-d)}.prog-bar-track[data-astro-cid-idryoeuv]{height:8px;background:var(--track-bg);border-radius:10px;overflow:hidden}.prog-bar-fill[data-astro-cid-idryoeuv]{height:100%;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:10px;transition:width .4s cubic-bezier(.23,1,.32,1)}.checklist[data-astro-cid-idryoeuv]{display:flex;flex-direction:column;gap:20px;position:relative}.check-item[data-astro-cid-idryoeuv]{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);border-radius:18px;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.23,1,.32,1);z-index:1;cursor:pointer}.step-title[data-astro-cid-idryoeuv]{transition:text-decoration .25s,color .25s}.check-item[data-astro-cid-idryoeuv].completed .step-title[data-astro-cid-idryoeuv]{text-decoration:line-through;color:var(--muted)}.step-body[data-astro-cid-idryoeuv]{padding-left:38px;margin-top:8px}.step-intro[data-astro-cid-idryoeuv]{font-size:.94rem;color:var(--muted);line-height:1.5}.step-detail[data-astro-cid-idryoeuv]{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.step-detail[data-astro-cid-idryoeuv] summary[data-astro-cid-idryoeuv]{font-size:.8rem;font-weight:600;color:var(--blue-d);cursor:pointer;outline:none;user-select:none;padding:2px 0;display:inline-block}.step-detail[data-astro-cid-idryoeuv] summary[data-astro-cid-idryoeuv]:hover{text-decoration:underline}.detail-content[data-astro-cid-idryoeuv]{font-size:.88rem;color:var(--muted);line-height:1.55;margin-top:10px;display:flex;flex-direction:column;gap:8px}.quick-tip[data-astro-cid-idryoeuv]{background:#0071e30d;border-left:3px solid var(--blue);padding:10px 14px;border-radius:0 8px 8px 0;color:var(--ink);margin-top:4px}html.dark .quick-tip[data-astro-cid-idryoeuv]{background:#0a84ff14}.check-item[data-astro-cid-idryoeuv].milk-only{display:none;opacity:0;transform:translateY(15px);transition:opacity .4s cubic-bezier(.23,1,.32,1),transform .4s cubic-bezier(.23,1,.32,1)}.check-item[data-astro-cid-idryoeuv].milk-only.show{display:block;opacity:1;transform:translateY(0)}.checklist-actions[data-astro-cid-idryoeuv]{margin-top:24px;text-align:right}.hint[data-astro-cid-idryoeuv]{font-size:.82rem;color:var(--muted);line-height:1.5;margin-top:24px;max-width:720px}@media(max-width:880px){.content-grid[data-astro-cid-idryoeuv]{grid-template-columns:1fr;gap:24px}.sidebar[data-astro-cid-idryoeuv]{position:static}.step-body[data-astro-cid-idryoeuv]{padding-left:0}}