.tea-chart,.tea-tool{margin:1.75rem 0;padding:1rem 1rem .75rem;border:1px solid var(--border, #e0e0e0);border-radius:10px;background:var(--card-bg, #fff);color:var(--text-primary, #212121)}.tea-chart__title,.tea-tool__title{margin:0 0 .6rem;font-size:1.05rem;line-height:1.3}.tea-chart__plot{overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(to right,var(--card-bg, #fff) 30%,rgba(255,255,255,0)) left center / 24px 100% no-repeat local,linear-gradient(to left,var(--card-bg, #fff) 30%,rgba(255,255,255,0)) right center / 24px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.14),transparent) left center / 10px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.14),transparent) right center / 10px 100% no-repeat scroll}.tea-chart svg{display:block;width:100%;min-width:460px;height:auto;overflow:visible}.tea-tool svg{display:block;max-width:100%;height:auto}.tea-chart svg.tea-chart__svg--compact,.tea-tool svg.tea-chart__svg--compact{width:100%;max-width:400px;min-width:0;margin:0 auto}.tea-chart svg text{fill:var(--text-primary, #212121);font-family:var(--font-body, system-ui, sans-serif)}.tea-chart svg .tea-chart__muted{fill:var(--text-secondary, #757575)}.tea-chart__legend{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:.6rem 0 0;padding:0;list-style:none;font-size:13px;line-height:1.35}.tea-chart__legend li{display:inline-flex;align-items:center;gap:.4rem;margin:0}.tea-chart__swatch{flex:none}.tea-chart__swatch{display:inline-block;width:12px;height:12px;border-radius:2px;border:2px solid transparent}.tea-chart__swatch--dot{border-radius:50%}.tea-chart__swatch--line{height:3px;border-width:0}.tea-chart__swatch--range{height:4px;border-width:0}.tea-chart__swatch--dashed{height:0;border-width:0;border-top:2px dashed}.tea-chart__caption,.tea-tool__sources{margin-top:.6rem;font-size:.8rem;color:var(--text-secondary, #757575);line-height:1.45}.tea-tool__intro{margin:0 0 .75rem;font-size:.92rem}.tea-tool__controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-bottom:.9rem}.tea-tool__field{display:flex;flex-direction:column;gap:.3rem;font-size:.88rem}.tea-tool__field input[type=number],.tea-tool__field select{padding:.4rem .5rem;border:1px solid var(--border, #e0e0e0);border-radius:6px;font:inherit;background:var(--card-bg, #fff);color:inherit;min-height:40px}.tea-tool__field input[type=range]{width:100%;accent-color:var(--data-teal, #0E8A70)}.tea-tool__outputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}.tea-tool__output{display:flex;flex-direction:column;padding:.6rem .7rem;border-radius:8px;background:var(--pip-cream, #FBF4E4)}.tea-tool__output-label{font-size:.78rem;color:var(--text-secondary, #757575)}.tea-tool__output-value{font-size:1.2rem}.tea-tool__output-note{font-size:.75rem;color:var(--text-secondary, #757575)}.tea-tool__presets{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.tea-tool__presets button,.tea-tool__toggle{min-height:36px;padding:.3rem .7rem;border:1px solid var(--border, #e0e0e0);border-radius:999px;background:var(--card-bg, #fff);color:inherit;font:inherit;font-size:.85rem;cursor:pointer}.tea-tool__presets button[aria-pressed=true],.tea-tool__toggle[aria-pressed=true]{border-color:var(--data-teal, #0E8A70);background:var(--data-teal, #0E8A70);color:#fff}.tea-tool table{width:100%;border-collapse:collapse;font-size:.88rem}@media (max-width: 600px){.tea-tool table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.tea-tool th,.tea-tool td{padding:.35rem .4rem;border-bottom:1px solid var(--border, #e0e0e0);text-align:left}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .tea-tool__output{background:#ffffff0f}}.tea-chart__panel-label{margin:.4rem 0 .2rem;font-size:.85rem}.tea-tool__meter{height:12px;margin-top:.75rem;border-radius:6px;background:var(--border, #e0e0e0);overflow:hidden}.tea-tool__meter-fill{height:100%;background:var(--data-coral, #D45440)}@media (max-width: 600px){.tea-chart,.tea-tool{padding:.8rem .7rem .6rem}.tea-chart__title,.tea-tool__title{font-size:1rem}}.tea-tool fieldset{margin:0 0 .9rem;padding:.6rem .75rem .75rem;border:2px solid var(--border, #e0e0e0);border-radius:8px}.tea-tool legend{padding:0 .35rem;font-weight:600;font-size:.9rem}.tea-tool__field input[type=text],.tea-tool__field textarea{padding:.4rem .5rem;border:1px solid var(--border, #e0e0e0);border-radius:6px;font:inherit;background:var(--card-bg, #fff);color:inherit;min-height:40px}.tea-tool__table,.tea-tool__schedule,.tea-tool__letters{margin:.5rem 0 .9rem}.tea-tool__schedule,.tea-tool__letters{padding-left:1.4rem;font-size:.9rem;line-height:1.5}.tea-tool__row--match td{background:var(--pip-cream, #FBF4E4);font-weight:600}