.brew-container.svelte-7pye15{max-width:1400px;margin:0 auto;padding:0 1rem}.brew-header.svelte-7pye15{text-align:center;margin-bottom:2rem}.overline.svelte-7pye15{font-family:var(--font-sans, "Inter", sans-serif);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#c17a3a}.brew-header.svelte-7pye15 h1:where(.svelte-7pye15){font-family:var(--font-serif, "Playfair Display", serif);font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:.25rem 0 .5rem;letter-spacing:-.02em;line-height:1.15}.subtitle.svelte-7pye15{color:#6b6560;font-size:1rem;margin:0}.brew-layout.svelte-7pye15{position:relative}.chart-wrapper.svelte-7pye15{width:100%;position:relative}.chart-svg.svelte-7pye15{width:100%;height:auto;border-radius:4px;box-shadow:0 4px 24px #00000026,0 1px 4px #00000014}.chart-svg.svelte-7pye15:focus-visible{outline:2px solid #D4A44C;outline-offset:2px}.field-star.svelte-7pye15{animation:svelte-7pye15-twinkle ease-in-out infinite}@keyframes svelte-7pye15-twinkle{0%,to{opacity:1}50%{opacity:.2}}.hub-group.svelte-7pye15{transition:opacity .4s ease}.hub-label.svelte-7pye15{font-family:var(--font-sans, "Inter", sans-serif);font-size:10px;fill:#d4a44c;font-weight:700;letter-spacing:.25em}.hub-subtitle.svelte-7pye15{font-family:var(--font-sans, "Inter", sans-serif);font-size:6.5px;fill:#8898b0;font-weight:400;letter-spacing:.05em;font-style:italic}.star-node.svelte-7pye15{cursor:pointer;transition:opacity .3s ease;outline:none}.star-node.svelte-7pye15:focus-visible circle:where(.svelte-7pye15):last-of-type{stroke:#f5d78e;stroke-width:1.5}.star-dimmed.svelte-7pye15{opacity:.4}.star-label.svelte-7pye15{font-family:var(--font-sans, "Inter", sans-serif);font-size:7px;font-weight:600;letter-spacing:.04em;transition:fill .2s ease;pointer-events:none}.constellation-line.svelte-7pye15{transition:opacity .4s ease}.ghost-label.svelte-7pye15{font-family:var(--font-serif, "Playfair Display", serif);font-size:8px;fill:#4a5a70;opacity:.35;font-style:italic;letter-spacing:.3em;font-weight:400}.compass-letter.svelte-7pye15{font-family:var(--font-serif, "Playfair Display", serif);font-size:5px;fill:#d4a44c;font-weight:700}.chart-legend.svelte-7pye15{position:absolute;bottom:1.25rem;left:1.25rem;background:#141a28e0;backdrop-filter:blur(4px);border:1px solid rgba(212,164,76,.4);border-radius:4px;padding:.6rem .85rem;z-index:5}.legend-header.svelte-7pye15{font-family:var(--font-serif, "Playfair Display", serif);font-size:.7rem;font-weight:700;color:#d4a44c;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:.35rem}.legend-entries.svelte-7pye15{display:flex;flex-direction:column;gap:.3rem}.legend-entry.svelte-7pye15{display:flex;align-items:center;gap:.4rem;font-family:var(--font-sans, "Inter", sans-serif);font-size:.7rem;color:#8898b0}.legend-star.svelte-7pye15{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-hub.svelte-7pye15{background:#d4a44c;box-shadow:0 0 4px #d4a44c80}.legend-method.svelte-7pye15{background:#e8c36a;width:8px;height:8px;box-shadow:0 0 3px #e8c36a66}.legend-line.svelte-7pye15{width:16px;height:1px;background:#b89a40;opacity:.5;flex-shrink:0}.detail-panel.svelte-7pye15{position:absolute;right:0;top:0;bottom:0;width:380px;overflow-y:auto;background:#141a28;border:1px solid #2A3548;border-left:3px solid #D4A44C;border-radius:0 8px 8px 0;box-shadow:-8px 0 30px #0000004d,0 4px 20px #0003;animation:svelte-7pye15-slideIn .3s ease-out;z-index:10}.detail-panel.closing.svelte-7pye15{animation:svelte-7pye15-slideOut .25s ease-in}@keyframes svelte-7pye15-slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes svelte-7pye15-slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.panel-close.svelte-7pye15{display:flex;align-items:center;gap:.25rem;position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;padding:.25rem 0}.panel-close-text.svelte-7pye15{font-family:var(--font-sans, "Inter", sans-serif);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#d4a44c;transition:color .15s}.panel-close.svelte-7pye15:hover .panel-close-text:where(.svelte-7pye15){color:#e8c36a}.panel-content.svelte-7pye15{padding:1.75rem 1.5rem 1.5rem}.panel-branch.svelte-7pye15{font-family:var(--font-sans, "Inter", sans-serif);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#d4a44c}.panel-title.svelte-7pye15{font-family:var(--font-serif, "Playfair Display", serif);font-size:1.75rem;font-weight:700;color:#f5f0e8;margin:.25rem 0 .75rem;line-height:1.2}.panel-oneliner.svelte-7pye15{font-size:.9rem;line-height:1.75;color:#a0a8b8;margin-bottom:1.5rem;font-style:italic}.panel-section.svelte-7pye15{margin-bottom:1.5rem}.panel-section.svelte-7pye15 h3:where(.svelte-7pye15){font-family:var(--font-sans, "Inter", sans-serif);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#6b7a90;margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:1px solid #2A3548}.panel-body.svelte-7pye15{font-size:.85rem;line-height:1.75;color:#c8ccd5;margin:0}.article-links.svelte-7pye15{display:flex;flex-direction:column;gap:.4rem}.article-link.svelte-7pye15{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .6rem;text-decoration:none;color:#e8e0d0;font-size:.85rem;line-height:1.4;border-left:2px solid #D4A44C;background:linear-gradient(90deg,rgba(212,164,76,.08),transparent);border-radius:0 4px 4px 0;margin-bottom:.35rem;transition:background .15s,border-color .15s}.article-link.svelte-7pye15:hover{background:linear-gradient(90deg,rgba(212,164,76,.18),transparent);border-left-color:#e8c36a;color:#f5f0e8}.article-arrow.svelte-7pye15{color:#d4a44c;font-weight:700;flex-shrink:0;margin-top:.05rem}.param-grid.svelte-7pye15{display:flex;flex-direction:column;gap:0}.param-row.svelte-7pye15{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #1E2A3D;gap:1rem}.param-row.svelte-7pye15:last-child{border-bottom:none}.param-label.svelte-7pye15{font-family:var(--font-sans, "Inter", sans-serif);font-size:.8rem;color:#6b7a90;font-weight:500;white-space:nowrap;flex-shrink:0}.param-value.svelte-7pye15{font-family:var(--font-serif, "Playfair Display", serif);font-size:.85rem;color:#f5f0e8;text-align:right;font-weight:600}.comparison-list.svelte-7pye15{display:flex;flex-direction:column;gap:.75rem}.comparison-item.svelte-7pye15{padding-left:.75rem;border-left:2px solid #2A3548}.comp-link.svelte-7pye15{background:none;border:none;cursor:pointer;font-family:var(--font-sans, "Inter", sans-serif);font-size:.8rem;font-weight:600;color:#d4a44c;padding:0;margin-bottom:.25rem;display:block;transition:color .15s}.comp-link.svelte-7pye15:hover{color:#e8c36a}.comp-desc.svelte-7pye15{font-size:.8rem;color:#8898b0;line-height:1.5;margin:0}.mobile-methods.svelte-7pye15{margin-top:2rem}.mobile-branch.svelte-7pye15{margin-bottom:2rem}.mobile-branch-title.svelte-7pye15{font-family:var(--font-serif, "Playfair Display", serif);font-size:1.35rem;font-weight:700;color:#1a1a1a;margin-bottom:.25rem}.mobile-branch-desc.svelte-7pye15{font-size:.85rem;color:#6b6560;margin-bottom:1rem}.method-card.svelte-7pye15{display:block;width:100%;text-align:left;padding:1rem;background:#fdfbf7;border:1px solid #EBE4D8;border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:border-color .15s}.method-card.svelte-7pye15:hover{border-color:#d4a44c}.method-card-header.svelte-7pye15{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.method-card-name.svelte-7pye15{font-family:var(--font-serif, "Playfair Display", serif);font-size:1.1rem;font-weight:700;color:#1a1a1a}.method-card-difficulty.svelte-7pye15{font-size:.75rem;color:#d4a44c;letter-spacing:.05em}.method-card-desc.svelte-7pye15{font-size:.85rem;color:#6b6560;margin:0 0 .4rem;line-height:1.4}.method-card-articles.svelte-7pye15{font-size:.75rem;color:#9b9590}@media(max-width:768px){.chart-legend.svelte-7pye15{display:none}.brew-header.svelte-7pye15 h1:where(.svelte-7pye15){font-size:1.75rem}.detail-panel.svelte-7pye15{width:100%;min-width:100%;position:fixed;inset:auto 0 0;max-height:70vh;border-radius:16px 16px 0 0;border-left:none;border-top:3px solid #D4A44C;z-index:50;animation:svelte-7pye15-slideUp .25s ease-out}.detail-panel.closing.svelte-7pye15{animation:svelte-7pye15-slideDown .25s ease-in}@keyframes svelte-7pye15-slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-7pye15-slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}}