.coffee-tool{--rankings-accent:#805334}html[data-theme="dark"] .coffee-tool{--rankings-accent:#966741}.coffee-tool{max-width:1500px}#coffee-output{scroll-margin-top:90px}#coffee-output-title,#coffee-summary{overflow-wrap:anywhere}@media(min-width:1548px){.coffee-tool{margin-left:calc(50% - 750px)}}.coffee-roasts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.coffee-roasts label,.coffee-chips label{position:relative;cursor:pointer;margin:0}.coffee-roasts input,.coffee-chips input{position:absolute;opacity:0;width:1px;height:1px}.coffee-roasts span{display:flex;align-items:center;justify-content:center;gap:10px;border:2px solid var(--rankings-border);border-radius:10px;padding:16px 8px;min-height:64px;font-size:.9rem}.coffee-roasts i{width:16px;height:22px;border-radius:60% 40%;background:var(--roast-colour);flex-shrink:0}.coffee-roasts input:checked+span{border-color:var(--rankings-accent);background:var(--rankings-chart-bg);font-weight:700}.coffee-roasts input:focus-visible+span,.coffee-chips input:focus-visible+span{outline:3px solid #5d9bd3;outline-offset:2px}.coffee-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;border-top:1px solid var(--rankings-border);margin-top:24px;padding-top:24px}.coffee-tool .coffee-altitude{margin-top:20px}.coffee-tool .coffee-altitude legend{margin-bottom:0}.coffee-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px}.coffee-selection-heading .rankings-note{margin:0}.coffee-note-group{border-bottom:1px solid var(--rankings-border)}.coffee-note-group summary{padding:12px 0;cursor:pointer;font-weight:600;font-size:.95rem}.coffee-chips,.coffee-selected-notes{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:12px}.coffee-selected-notes:empty{display:none}.coffee-chips span,.coffee-selected-notes button{display:block;min-height:44px;padding:10px 12px;border:1px solid var(--rankings-border);border-radius:24px;font:inherit;font-size:.85rem;background:var(--rankings-surface);color:var(--rankings-text)}.coffee-chips input:checked+span,.coffee-selected-notes button{background:var(--rankings-accent);color:#fff;border-color:var(--rankings-accent)}.coffee-selected-notes button{cursor:pointer}.coffee-chips input:checked+span::before{content:"✓ "}.coffee-recipes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}.coffee-recipe{border-top:5px solid var(--rankings-accent);padding:20px}.coffee-recipe header{min-height:82px}.coffee-recipe header p{margin:4px 0 16px}.coffee-recipe dl{margin:0;font-variant-numeric:tabular-nums}.coffee-recipe-row{padding:12px 0;border-top:1px solid var(--rankings-border)}.coffee-recipe dt{font-size:.85rem;font-weight:400;color:var(--rankings-muted);margin-bottom:5px}.coffee-recipe dd{margin:0;font-size:1.1rem;font-weight:600}.coffee-changed{display:inline-block;font-size:.65rem;margin-left:6px;padding:2px 5px;border:1px solid var(--rankings-border);border-radius:4px;color:var(--rankings-text);vertical-align:middle}.coffee-pulses{display:flex;flex-wrap:wrap;gap:6px}.coffee-pulse{display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:7px;background:var(--rankings-chart-bg);padding:8px;font-size:.9rem}.coffee-pulse small{color:var(--rankings-muted);font-size:.7rem;font-weight:400}@media(max-width:900px){.coffee-recipes{gap:10px}.coffee-recipe{padding:16px 12px}.coffee-roasts span{flex-direction:column;text-align:center}.coffee-input-grid{gap:22px}}@media(max-width:650px){.coffee-input-grid,.coffee-recipes{grid-template-columns:1fr}.coffee-roasts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.coffee-roasts span{font-size:.85rem;padding:12px 6px}.coffee-input-grid{gap:28px}.coffee-recipe{padding:20px}.coffee-recipe header{min-height:0}}