/* AROMA MATCH drink taxonomy + EASY/HARD controls */
:root{--round-size:6}
.mode-card{min-width:264px;align-content:start;gap:8px!important}.mode-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mode-card-head small,.mode-card-head span{font:900 8px var(--mono);letter-spacing:.11em}.mode-card-head small{color:var(--muted)}.mode-card-head span{color:var(--orange)}.mode-card>span{margin-top:1px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-switch button{appearance:none;-webkit-appearance:none;min-height:64px;border:2px solid var(--ink);border-radius:10px;background:var(--paper);padding:9px 10px;text-align:left;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:end;column-gap:7px;row-gap:1px;box-shadow:3px 3px 0 var(--ink);transition:transform .12s,background .12s,color .12s,box-shadow .12s;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mode-switch button>span{grid-row:1/3;align-self:center;font:950 9px var(--mono);color:var(--muted)}.mode-switch button>strong{font:950 18px/1 var(--mono);letter-spacing:-.045em;color:var(--ink)}.mode-switch button>small{font:850 7px var(--mono);letter-spacing:.08em;color:var(--muted)}.mode-switch button:hover{background:var(--soft)}.mode-switch button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.mode-switch button.active{background:var(--green);color:#fff;transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.mode-switch button.active>span,.mode-switch button.active>strong,.mode-switch button.active>small{color:#fff}.mode-switch button:focus-visible{outline:4px solid rgba(234,212,93,.9);outline-offset:2px}
.match-taxonomy{margin:18px 0 12px;border:1.5px solid var(--ink);background:var(--paper);overflow:hidden}.taxonomy-head{min-height:30px;padding:7px 10px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:14px}.taxonomy-head small,.taxonomy-head span{font:850 8px var(--mono);letter-spacing:.12em}.taxonomy-head small{color:var(--green)}.taxonomy-head span{color:var(--muted);text-align:right}.taxonomy-scroll{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow-x:auto;scrollbar-width:none}.taxonomy-scroll::-webkit-scrollbar{display:none}.taxonomy-tab{min-width:0;min-height:58px;border:0;border-right:1px solid var(--ink);background:transparent;padding:10px 8px;display:grid;place-items:center;align-content:center;gap:2px;text-align:center;transition:.12s;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.taxonomy-tab:last-child{border-right:0}.taxonomy-tab strong{font:950 10px var(--mono);letter-spacing:.05em}.taxonomy-tab small{font:750 7px var(--mono);color:var(--muted);letter-spacing:.03em;white-space:nowrap}.taxonomy-tab:hover{background:var(--soft)}.taxonomy-tab:active{background:var(--yellow)}.taxonomy-tab.active{background:var(--ink);color:var(--paper)}.taxonomy-tab.active small{color:#c7c8c3}.taxonomy-tab[data-drink-filter="cross"].active{background:var(--orange);color:#fff}.taxonomy-tab[data-drink-filter="cross"].active small{color:#fff}.taxonomy-tab:focus-visible{outline:4px solid rgba(234,212,93,.9);outline-offset:-4px}
.match-column{grid-template-rows:repeat(var(--round-size,6),var(--card-h))}.result-mode{font:850 8px var(--mono);letter-spacing:.1em;color:var(--muted);margin-top:4px}
@media(max-width:760px){.match-hero{grid-template-columns:1fr;align-items:start}.mode-card{min-width:0;width:100%}.match-taxonomy{margin-top:14px}.taxonomy-scroll{grid-template-columns:repeat(6,minmax(94px,1fr))}.taxonomy-tab{min-height:54px;padding:8px 6px}.taxonomy-tab strong{font-size:9px}.taxonomy-tab small{font-size:6.5px}}
@media(max-width:430px){.mode-card{padding:12px!important}.mode-card-head small,.mode-card-head span{font-size:7px}.mode-switch{gap:7px}.mode-switch button{min-height:58px;padding:8px 9px}.mode-switch button>strong{font-size:17px}.mode-switch button>span{font-size:8px}.mode-switch button>small{font-size:6.5px}.taxonomy-head{padding-inline:8px}.taxonomy-head small,.taxonomy-head span{font-size:7px}.taxonomy-scroll{grid-template-columns:repeat(6,92px)}.taxonomy-tab{min-height:52px}.taxonomy-tab strong{font-size:8.5px}.taxonomy-tab small{font-size:6px}}