section[data-astro-cid-afysdm2l]{padding:4rem 0}.container[data-astro-cid-afysdm2l]{max-width:80rem;margin:0 auto;padding:0 1.5rem}.tab-nav[data-astro-cid-afysdm2l]{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--color-espresso-black);padding-bottom:0;overflow-x:auto}.tab-btn[data-astro-cid-afysdm2l]{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:var(--color-background-light);border:2px solid var(--color-espresso-black);border-bottom:none;font-family:var(--font-display);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s;position:relative;top:2px;white-space:nowrap}.tab-btn[data-astro-cid-afysdm2l]:hover{background:#e5e5e5}.tab-btn[data-astro-cid-afysdm2l].active{background:#fff;color:var(--color-primary)}.tab-btn[data-astro-cid-afysdm2l] .material-symbols-outlined[data-astro-cid-afysdm2l]{font-size:1.25rem}.tab-panel[data-astro-cid-afysdm2l]{display:none}.tab-panel[data-astro-cid-afysdm2l].active{display:block}.section-calculator[data-astro-cid-afysdm2l]{background:var(--color-background-light)}.calc-layout[data-astro-cid-afysdm2l]{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.calc-layout[data-astro-cid-afysdm2l]{grid-template-columns:1fr 280px}}.calc-card[data-astro-cid-afysdm2l]{background:#fff;border:2px solid var(--color-espresso-black);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}.calc-header[data-astro-cid-afysdm2l]{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;background:var(--color-espresso-black);color:#fff}.calc-id[data-astro-cid-afysdm2l]{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700;letter-spacing:.1em}.calc-mode[data-astro-cid-afysdm2l]{font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:700;padding:.2rem .4rem;background:#06b6d4;text-transform:uppercase}.calc-mode[data-astro-cid-afysdm2l].mode-info{background:#8b5cf6}.calc-mode[data-astro-cid-afysdm2l].mode-warning{background:#f59e0b}.calc-body[data-astro-cid-afysdm2l]{padding:1.5rem}.input-section[data-astro-cid-afysdm2l]{margin-bottom:1.5rem}.section-title[data-astro-cid-afysdm2l]{font-family:var(--font-display);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-espresso-black);margin:0 0 .625rem}.drink-grid[data-astro-cid-afysdm2l]{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(min-width:640px){.drink-grid[data-astro-cid-afysdm2l]{grid-template-columns:repeat(4,1fr)}}.drink-btn[data-astro-cid-afysdm2l]{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:var(--color-background-light);border:2px solid #E5E5E5;cursor:pointer;transition:all .2s;text-align:center}.drink-btn[data-astro-cid-afysdm2l]:hover{border-color:var(--color-espresso-black)}.drink-btn[data-astro-cid-afysdm2l].active{background:var(--color-espresso-black);border-color:var(--color-espresso-black);color:#fff}.drink-name[data-astro-cid-afysdm2l]{font-family:var(--font-display);font-size:.75rem;font-weight:700}.drink-ratio[data-astro-cid-afysdm2l]{font-family:JetBrains Mono,monospace;font-size:.6rem;color:var(--color-soft-gray);margin-top:.25rem}.drink-btn[data-astro-cid-afysdm2l].active .drink-ratio[data-astro-cid-afysdm2l]{color:#ffffffb3}.espresso-inputs[data-astro-cid-afysdm2l]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.espresso-inputs[data-astro-cid-afysdm2l]{grid-template-columns:1fr}}.espresso-input[data-astro-cid-afysdm2l] label[data-astro-cid-afysdm2l]{display:block;font-family:var(--font-display);font-size:.75rem;font-weight:600;margin-bottom:.375rem}.shot-buttons[data-astro-cid-afysdm2l]{display:flex;gap:.5rem}.shot-btn[data-astro-cid-afysdm2l]{flex:1;padding:.625rem;background:var(--color-background-light);border:2px solid #E5E5E5;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.shot-btn[data-astro-cid-afysdm2l]:hover{border-color:var(--color-espresso-black)}.shot-btn[data-astro-cid-afysdm2l].active{background:var(--color-espresso-black);border-color:var(--color-espresso-black);color:#fff}.input-wrapper[data-astro-cid-afysdm2l]{position:relative}.input-wrapper[data-astro-cid-afysdm2l] input[data-astro-cid-afysdm2l]{width:100%;padding:.625rem 2rem .625rem .625rem;background:var(--color-background-light);border:2px solid #E5E5E5;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;text-align:center}.input-wrapper[data-astro-cid-afysdm2l] input[data-astro-cid-afysdm2l]:focus{outline:none;border-color:var(--color-primary);background:#fff}.input-wrapper[data-astro-cid-afysdm2l] .input-suffix[data-astro-cid-afysdm2l]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--color-soft-gray)}.input-hint[data-astro-cid-afysdm2l]{display:block;font-size:.6rem;color:var(--color-soft-gray);margin-top:.25rem;text-align:center}.results-panel[data-astro-cid-afysdm2l]{background:#fff8f0;border:2px solid #D97706;padding:1.25rem}.results-title[data-astro-cid-afysdm2l]{font-family:var(--font-display);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-soft-gray);margin:0 0 1rem}.drink-visual[data-astro-cid-afysdm2l]{display:flex;gap:2rem;align-items:flex-end;margin-bottom:1rem}.visual-cup[data-astro-cid-afysdm2l]{width:80px;height:120px;background:#f5f5f5;border:2px solid var(--color-espresso-black);border-radius:0 0 10px 10px;display:flex;flex-direction:column-reverse;overflow:hidden}.cup-layer[data-astro-cid-afysdm2l]{width:100%;transition:height .3s ease}.layer-espresso[data-astro-cid-afysdm2l]{background:#3d2314}.layer-milk[data-astro-cid-afysdm2l]{background:#fff5e6}.layer-foam[data-astro-cid-afysdm2l]{background:#fffbf5;border-top:1px dashed #E5E5E5}.visual-legend[data-astro-cid-afysdm2l]{flex:1}.legend-item[data-astro-cid-afysdm2l]{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;border-bottom:1px solid #E5E5E5}.legend-item[data-astro-cid-afysdm2l]:last-child{border-bottom:none}.legend-color[data-astro-cid-afysdm2l]{width:16px;height:16px;border:1px solid var(--color-espresso-black)}.legend-color[data-astro-cid-afysdm2l].foam{background:#fffbf5}.legend-color[data-astro-cid-afysdm2l].milk{background:#fff5e6}.legend-color[data-astro-cid-afysdm2l].espresso{background:#3d2314}.legend-label[data-astro-cid-afysdm2l]{font-family:var(--font-display);font-size:.75rem;font-weight:600;flex:1}.legend-value[data-astro-cid-afysdm2l]{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;color:var(--color-primary)}.drink-totals[data-astro-cid-afysdm2l]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}@media(max-width:640px){.drink-totals[data-astro-cid-afysdm2l]{grid-template-columns:1fr}}.total-item[data-astro-cid-afysdm2l]{background:#fff;padding:.75rem;text-align:center;border:1px solid #E5E5E5}.total-label[data-astro-cid-afysdm2l]{display:block;font-family:JetBrains Mono,monospace;font-size:.55rem;font-weight:700;text-transform:uppercase;color:var(--color-soft-gray);margin-bottom:.25rem}.total-value[data-astro-cid-afysdm2l]{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;color:var(--color-espresso-black)}.foam-intro[data-astro-cid-afysdm2l]{font-family:var(--font-display);font-size:.85rem;color:var(--color-soft-gray);margin-bottom:1.5rem;line-height:1.5}.foam-styles[data-astro-cid-afysdm2l]{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(min-width:768px){.foam-styles[data-astro-cid-afysdm2l]{grid-template-columns:repeat(4,1fr)}}.foam-style-btn[data-astro-cid-afysdm2l]{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--color-background-light);border:2px solid #E5E5E5;cursor:pointer;transition:all .2s;text-align:center}.foam-style-btn[data-astro-cid-afysdm2l]:hover{border-color:var(--color-espresso-black)}.foam-style-btn[data-astro-cid-afysdm2l].active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.style-name[data-astro-cid-afysdm2l]{font-family:var(--font-display);font-size:.8rem;font-weight:700}.style-desc[data-astro-cid-afysdm2l]{font-size:.65rem;color:var(--color-soft-gray);margin:.25rem 0}.foam-style-btn[data-astro-cid-afysdm2l].active .style-desc[data-astro-cid-afysdm2l]{color:#ffffffb3}.style-expansion[data-astro-cid-afysdm2l]{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;background:#0000001a;padding:.125rem .375rem;margin-top:.25rem}.foam-style-btn[data-astro-cid-afysdm2l].active .style-expansion[data-astro-cid-afysdm2l]{background:#fff3}.volume-input-row[data-astro-cid-afysdm2l]{display:flex;gap:1rem;align-items:flex-start}@media(max-width:640px){.volume-input-row[data-astro-cid-afysdm2l]{flex-direction:column}}.input-wrapper[data-astro-cid-afysdm2l].large input[data-astro-cid-afysdm2l]{font-size:1.5rem;padding:1rem;width:120px}.quick-volumes[data-astro-cid-afysdm2l]{display:flex;gap:.375rem;flex-wrap:wrap}.quick-vol[data-astro-cid-afysdm2l]{padding:.5rem .75rem;background:var(--color-background-light);border:2px solid #E5E5E5;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s}.quick-vol[data-astro-cid-afysdm2l]:hover{border-color:var(--color-espresso-black);background:#e5e5e5}.foam-results[data-astro-cid-afysdm2l]{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0}@media(max-width:640px){.foam-results[data-astro-cid-afysdm2l]{grid-template-columns:1fr}}.foam-result-card[data-astro-cid-afysdm2l]{background:#e8f4fd;border:2px solid var(--color-primary);padding:1rem;text-align:center}.result-label[data-astro-cid-afysdm2l]{display:block;font-family:JetBrains Mono,monospace;font-size:.55rem;font-weight:700;text-transform:uppercase;color:var(--color-soft-gray);margin-bottom:.25rem}.result-value[data-astro-cid-afysdm2l]{display:block;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700;color:var(--color-primary)}.result-note[data-astro-cid-afysdm2l]{display:block;font-size:.6rem;color:var(--color-soft-gray);margin-top:.25rem}.foam-visual[data-astro-cid-afysdm2l]{display:flex;align-items:flex-end;justify-content:center;gap:1.5rem;margin-top:1.5rem}.pitcher[data-astro-cid-afysdm2l]{width:60px;height:100px;background:#f5f5f5;border:2px solid var(--color-espresso-black);border-radius:0 0 8px 8px;position:relative;overflow:hidden}.pitcher[data-astro-cid-afysdm2l]:before{content:"";position:absolute;top:0;right:-10px;width:20px;height:15px;background:#f5f5f5;border:2px solid var(--color-espresso-black);border-left:none;border-radius:0 8px 0 0}.pitcher-fill[data-astro-cid-afysdm2l]{position:absolute;bottom:0;left:0;right:0;background:#fff5e6;transition:height .3s ease;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.25rem}.pitcher-fill[data-astro-cid-afysdm2l].after{background:linear-gradient(to top,#fff5e6 70%,#fffbf5)}.fill-label[data-astro-cid-afysdm2l]{font-family:JetBrains Mono,monospace;font-size:.5rem;font-weight:700;color:var(--color-espresso-black)}.arrow[data-astro-cid-afysdm2l]{font-size:1.5rem;color:var(--color-soft-gray)}.cups-intro[data-astro-cid-afysdm2l]{font-family:var(--font-display);font-size:.85rem;color:var(--color-soft-gray);margin-bottom:1.5rem;line-height:1.5}.cup-table[data-astro-cid-afysdm2l]{border:2px solid var(--color-espresso-black)}.cup-row[data-astro-cid-afysdm2l]{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #E5E5E5}.cup-row[data-astro-cid-afysdm2l]:last-child{border-bottom:none}.cup-row[data-astro-cid-afysdm2l].header{background:var(--color-espresso-black);color:#fff;font-family:var(--font-display);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cup-name[data-astro-cid-afysdm2l]{font-family:var(--font-display);font-size:.8rem;font-weight:700}.cup-volume[data-astro-cid-afysdm2l]{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--color-primary)}.cup-drinks[data-astro-cid-afysdm2l]{font-size:.75rem;color:var(--color-soft-gray)}.cup-finder[data-astro-cid-afysdm2l]{display:grid;grid-template-columns:200px 1fr;gap:1rem;align-items:center}@media(max-width:640px){.cup-finder[data-astro-cid-afysdm2l]{grid-template-columns:1fr}}.finder-input[data-astro-cid-afysdm2l] label[data-astro-cid-afysdm2l]{display:block;font-family:var(--font-display);font-size:.75rem;font-weight:600;margin-bottom:.375rem}.finder-result[data-astro-cid-afysdm2l]{padding:1rem;background:var(--color-background-light);border-left:3px solid #E5E5E5;font-family:var(--font-display);font-size:.85rem;line-height:1.5}.finder-result[data-astro-cid-afysdm2l].small{border-color:#06b6d4;background:#e0f7fa}.finder-result[data-astro-cid-afysdm2l].medium{border-color:#8b5cf6;background:#ede9fe}.finder-result[data-astro-cid-afysdm2l].large{border-color:#f59e0b;background:#fef3c7}.finder-result[data-astro-cid-afysdm2l].xlarge{border-color:#dc2626;background:#fee2e2}.calc-sidebar[data-astro-cid-afysdm2l]{display:flex;flex-direction:column;gap:1rem}.info-card[data-astro-cid-afysdm2l]{background:#fff;border:2px solid var(--color-espresso-black);padding:1.25rem;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.info-card[data-astro-cid-afysdm2l].compact{padding:1rem}.info-card[data-astro-cid-afysdm2l] h3[data-astro-cid-afysdm2l]{font-family:var(--font-display);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.info-card[data-astro-cid-afysdm2l] p[data-astro-cid-afysdm2l]{font-family:var(--font-display);font-size:.75rem;color:var(--color-soft-gray);margin:0 0 .5rem;line-height:1.5}.info-card[data-astro-cid-afysdm2l] p[data-astro-cid-afysdm2l]:last-child{margin-bottom:0}.info-card[data-astro-cid-afysdm2l] strong[data-astro-cid-afysdm2l]{color:var(--color-espresso-black)}.ratio-list[data-astro-cid-afysdm2l]{display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem}.ratio-item[data-astro-cid-afysdm2l]{display:flex;justify-content:space-between;padding:.375rem 0;border-bottom:1px solid #E5E5E5;font-family:var(--font-display);font-size:.75rem}.ratio-item[data-astro-cid-afysdm2l]:last-child{border-bottom:none}.ratio-item[data-astro-cid-afysdm2l] span[data-astro-cid-afysdm2l]:last-child{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--color-primary)}.texture-list[data-astro-cid-afysdm2l]{display:flex;flex-direction:column;gap:.75rem}.texture-item[data-astro-cid-afysdm2l] strong[data-astro-cid-afysdm2l]{display:block;font-family:var(--font-display);font-size:.75rem;color:var(--color-espresso-black);margin-bottom:.125rem}.texture-item[data-astro-cid-afysdm2l] p[data-astro-cid-afysdm2l]{font-size:.7rem;margin:0}.tips-list[data-astro-cid-afysdm2l]{list-style:none;padding:0;margin:0}.tips-list[data-astro-cid-afysdm2l] li[data-astro-cid-afysdm2l]{font-family:var(--font-display);font-size:.75rem;color:var(--color-soft-gray);border-bottom:1px solid #E5E5E5;padding:.375rem 0 .375rem 1rem;position:relative}.tips-list[data-astro-cid-afysdm2l] li[data-astro-cid-afysdm2l]:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.tips-list[data-astro-cid-afysdm2l] li[data-astro-cid-afysdm2l]:last-child{border-bottom:none}.section-guide[data-astro-cid-afysdm2l]{background:var(--color-espresso-black)}.section-header[data-astro-cid-afysdm2l]{margin-bottom:2rem}.header-accent[data-astro-cid-afysdm2l]{width:60px;height:4px;background:var(--color-primary);margin-bottom:1rem}.section-header[data-astro-cid-afysdm2l] h2[data-astro-cid-afysdm2l]{font-family:var(--font-serif);font-size:1.75rem;font-weight:900;text-transform:uppercase;color:#fff;margin:0 0 .5rem}.section-header-light[data-astro-cid-afysdm2l] p[data-astro-cid-afysdm2l]{font-family:var(--font-display);font-size:.9rem;color:#fff9;margin:0}.guide-grid[data-astro-cid-afysdm2l]{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.guide-grid[data-astro-cid-afysdm2l]{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.guide-grid[data-astro-cid-afysdm2l]{grid-template-columns:repeat(4,1fr)}}.guide-card[data-astro-cid-afysdm2l]{padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.guide-icon[data-astro-cid-afysdm2l]{font-size:1.5rem;display:block;margin-bottom:.5rem}.guide-card[data-astro-cid-afysdm2l] h4[data-astro-cid-afysdm2l]{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:#fff;margin:0 0 .375rem}.guide-card[data-astro-cid-afysdm2l] p[data-astro-cid-afysdm2l]{font-family:var(--font-display);font-size:.75rem;color:#fff9;margin:0;line-height:1.5}input[data-astro-cid-afysdm2l][type=number]::-webkit-inner-spin-button,input[data-astro-cid-afysdm2l][type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[data-astro-cid-afysdm2l][type=number]{-moz-appearance:textfield}