.beer-man-design-tour{position:fixed;right:20px;bottom:20px;width:min(385px,calc(100vw - 32px));max-height:calc(100dvh - 40px);display:flex;flex-direction:column;overflow:hidden;z-index:2100;box-sizing:border-box;border:2px solid var(--accent,#75ddcf);border-radius:16px;background:var(--surface,#111f2c);color:var(--text,#edf4f8);box-shadow:0 12px 45px #0008;overscroll-behavior:contain}
.beer-man-design-tour[hidden],.beer-man-design-tour [hidden]{display:none!important}
.beer-design-tour-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--surface2,#182938);border-bottom:1px solid var(--line,#2b4354);font-size:.82rem;font-weight:800;letter-spacing:.04em}
.beer-design-tour-header>div{display:flex;gap:6px}
.beer-man-design-tour button{box-sizing:border-box;min-height:44px;border:1px solid var(--accent,#75ddcf);border-radius:9px;padding:9px 12px;background:var(--accent,#75ddcf);color:var(--ink,#07231f);font:inherit;font-weight:750;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.beer-man-design-tour button.secondary,.beer-man-design-tour button.quiet{background:var(--surface2,#182938);color:var(--text,#edf4f8);border-color:var(--line,#2b4354)}
.beer-man-design-tour button:disabled{opacity:.5;cursor:default}
.beer-design-tour-header button{width:44px;padding:4px;font-size:1.4rem;line-height:1}
.beer-man-design-tour :is(button,a):focus-visible{outline:3px solid var(--accent,#75ddcf);outline-offset:3px}
.beer-design-tour-body{padding:12px 16px 16px;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.beer-design-tour-chapters{display:flex;gap:5px;overflow:auto;padding:3px 1px 9px;scrollbar-width:thin}
.beer-design-tour-chapters button{flex:0 0 32px;min-height:32px;min-width:32px;padding:4px;border-radius:50%;font-size:.76rem;background:var(--surface2,#182938);color:var(--muted,#a9bdc9);border-color:var(--line,#2b4354)}
.beer-design-tour-chapters button[aria-current=step]{background:var(--accent,#75ddcf);color:var(--ink,#07231f);border-color:var(--accent,#75ddcf)}
.beer-design-tour-live{color:var(--muted,#a9bdc9);font-size:.76rem;line-height:1.4;margin:0 0 8px;overflow-wrap:anywhere}
.beer-man-design-tour h2{font-size:1.3rem;line-height:1.2;margin:0 0 10px;color:var(--text,#edf4f8)}
.beer-design-tour-text{font-size:.98rem;line-height:1.5;margin:0 0 12px}
.beer-design-tour-regions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}
.beer-design-tour-regions button{display:flex;align-items:center;gap:7px;justify-content:center;min-width:0;padding:9px 6px;background:var(--surface2,#182938);color:var(--text,#edf4f8);border-color:var(--line,#2b4354);font-size:.87rem}
.beer-design-tour-regions button[aria-pressed=true]{border-color:var(--accent,#75ddcf);box-shadow:0 0 0 1px var(--accent,#75ddcf)}
.beer-design-tour-swatch{display:inline-block;flex:none;width:11px;height:11px;border-radius:50%}
.beer-design-tour-actions{display:flex;flex-wrap:wrap;gap:8px}
.beer-design-tour-actions>button{flex:1 1 130px;min-width:0}
.beer-design-tour-status{min-height:1.4em;color:var(--muted,#a9bdc9);font-size:.84rem;line-height:1.4;margin:10px 0}
.beer-man-design-tour[data-state=error] .beer-design-tour-status,.beer-man-design-tour[data-state=waiting] .beer-design-tour-status{color:var(--warn,#f0bd73)}
.beer-design-tour-navigation{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.beer-design-tour-navigation button{min-height:50px;font-size:1.05rem}
.beer-man-design-tour footer{display:flex;gap:8px 16px;flex-wrap:wrap;align-items:center;font-size:.75rem;line-height:1.4;padding-top:12px;margin-top:12px;border-top:1px solid var(--line,#2b4354)}
.beer-man-design-tour footer a{color:var(--accent,#75ddcf);padding:4px 0}
.beer-man-design-tour footer span{width:100%;color:var(--muted,#a9bdc9)}
.beer-design-tour-target{outline:3px solid var(--accent,#75ddcf)!important;outline-offset:5px;scroll-margin-top:70px;scroll-margin-bottom:240px}
.beer-man-design-tour.is-minimized{width:285px}
.beer-man-design-tour.is-minimized .beer-design-tour-header{border-bottom:0}
@media(max-width:640px){.beer-man-design-tour{bottom:8px;right:8px;width:calc(100vw - 16px);max-height:49dvh;border-radius:13px}.beer-design-tour-body{padding:9px 12px 12px}.beer-design-tour-chapters{gap:7px}.beer-design-tour-chapters button{flex-basis:36px;min-height:36px}.beer-man-design-tour h2{font-size:1.14rem}.beer-design-tour-live{font-size:.72rem}.beer-design-tour-text{font-size:.94rem;margin-bottom:9px}.beer-design-tour-status{margin:8px 0}.beer-man-design-tour footer{margin-top:8px;padding-top:8px}.beer-design-tour-target{scroll-margin-bottom:48dvh}.beer-man-design-tour.is-minimized{max-width:calc(100vw - 16px)}}
@media(prefers-reduced-motion:reduce){.beer-man-design-tour{scroll-behavior:auto}}

.legacy-quick-training{font-size:.82rem;margin:10px 0}.legacy-quick-training summary{cursor:pointer;padding:8px}

.beer-man-primary{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--accent);border-radius:12px;padding:16px 20px;margin:0 0 20px}.beer-man-primary p{margin:4px 0 0;color:var(--muted)}.beer-man-primary>div:last-child{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:650px){.beer-man-primary{display:block}.beer-man-primary>div:last-child{margin-top:14px}.beer-man-primary a,.beer-man-primary button{flex:1}}