body[data-page=flavors]{height:100dvh;min-height:0;overflow:hidden;background:#eedbcc!important;color:#45252c}
.flavor-explorer-shell{position:relative;isolation:isolate;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;height:100dvh;padding:max(.55rem,env(safe-area-inset-top)) .4rem calc(5rem + env(safe-area-inset-bottom));overflow:hidden}
.flavor-header{display:flex;justify-content:space-between;align-items:center;min-height:34px;padding:0 .7rem;color:#553039;font-size:.85rem}.flavor-header a{color:inherit;text-decoration:none;font:500 1.1rem Georgia,serif}#flavor-step{letter-spacing:.14em;font-size:.7rem}
.flavor-tabs{display:flex;justify-content:center;gap:clamp(.2rem,2vw,1.3rem);margin:.15rem 0}.flavor-tabs button{min-height:44px;padding:.35rem .4rem;border:0;border-bottom:2px solid transparent;background:transparent;color:#57333b;font:600 .86rem system-ui;cursor:pointer}.flavor-tabs button[aria-selected=true]{border-color:#74283e;color:#74283e}
#flavor-category-title{margin:0;text-align:center;font:400 clamp(1.35rem,4.5vw,2.3rem)/1.05 Georgia,serif;color:#492630}.flavor-stage{position:relative;display:block;min-height:0;max-width:1100px;width:100%;margin:auto;height:100%}.flavor-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:44px;min-height:48px;padding:0;border:1px solid #784d5050;border-radius:50%;background:#fff6e5aa;color:#63263a;font:2rem Georgia;cursor:pointer}.flavor-arrow:first-child{left:0}.flavor-arrow:last-child{right:0}
#flavor-panel{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;touch-action:pan-y}.flavor-tabs button:focus-visible,.flavor-arrow:focus-visible{outline:3px solid #7a2842;outline-offset:2px}
.flavor-footer{text-align:center;font-size:.75rem;color:#58383d}.flavor-footer p{margin:.15rem 0}#flavor-page{margin-left:.7rem;font-variant-numeric:tabular-nums}#flavor-explorer-status[hidden]{display:none}
.motion-control{display:flex;align-items:center;gap:.25rem;font:12px system-ui}.motion-control select{min-height:32px;border:1px solid #8c696a;border-radius:6px;background:#fff9ef;color:#45252c;font:12px system-ui}
@media(max-height:600px){.flavor-explorer-shell{grid-template-rows:auto auto auto minmax(0,1fr) auto;padding-top:.15rem;padding-bottom:4.55rem}.flavor-header{min-height:24px}.flavor-tabs{margin:0}#flavor-category-title{font-size:1.1rem}.flavor-footer{font-size:.68rem}}