.volume-bar{appearance:none;border:0;padding:0;cursor:pointer;overflow:visible!important}.volume-bar:focus-visible{outline:2px solid var(--interface-accent);outline-offset:3px}.volume-bar::after{content:attr(data-tooltip);position:absolute;z-index:10;left:50%;bottom:calc(100% + 8px);width:max-content;max-width:170px;transform:translate(-50%,4px);padding:7px 9px;border:1px solid #46596a;border-radius:7px;background:#081018;color:#f2f7fa;font:700 10px "DM Sans";opacity:0;pointer-events:none;transition:.15s}.volume-bar:hover::after,.volume-bar:focus::after,.volume-bar.tooltip-open::after{opacity:1;transform:translate(-50%,0)}
.nutrition-quick-add{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 14px;padding:15px 17px;border:1px solid #354759;border-radius:12px;background:#111a22}.nutrition-quick-add p{margin:0}.nutrition-quick-add strong{display:block;margin-top:4px;color:#eef7ff}.nutrition-quick-add>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.nutrition-quick-add button{min-height:38px;border:1px solid #3e5365;border-radius:9px;background:#192631;color:#dceaf5;padding:7px 10px;font-weight:800}.nutrition-quick-add button:active{transform:translateY(1px);background:var(--interface-accent-soft)}
.exercise-guide-visual{display:grid;grid-template-columns:112px 1fr;gap:15px;align-items:center;margin:14px 0;padding:13px;border:1px solid #354858;border-radius:12px;background:#0e161d}.exercise-guide-visual svg{width:110px;height:110px;border-radius:9px;background:linear-gradient(145deg,var(--interface-accent-soft),#0a1117)}.exercise-guide-visual circle,.exercise-guide-visual path{fill:none;stroke:var(--interface-accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.exercise-guide-visual .motion{stroke:var(--interface-secondary);stroke-width:3;stroke-dasharray:5 5}.exercise-guide-visual div{display:grid;gap:5px}.exercise-guide-visual span{color:var(--interface-accent);font:800 9px "DM Mono";letter-spacing:.12em}.exercise-guide-visual strong{color:#edf5fa;font-size:13px}.exercise-guide-visual small{color:#8fa1af;font-size:10px;line-height:1.45}
.builder-wizard-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:18px 0 0}.builder-wizard-progress button{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:6px;min-height:45px;padding:6px;border:1px solid #324352;border-radius:9px;background:#111820;color:#8495a3;text-align:left}.builder-wizard-progress button span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#25313b;font:800 10px "DM Mono"}.builder-wizard-progress button strong{font-size:9px;line-height:1.2}.builder-wizard-progress button.active{border-color:var(--interface-accent);color:#eef7fc}.builder-wizard-progress button.active span,.builder-wizard-progress button.complete span{background:var(--interface-accent);color:#071018}.builder-wizard-step{display:grid;grid-template-columns:1fr 1fr;gap:12px}.builder-wizard-step[hidden]{display:none!important}.builder-step-copy{grid-column:1/-1;padding:4px 0 2px}.builder-step-copy span{color:var(--interface-accent);font:800 9px "DM Mono";letter-spacing:.1em}.builder-step-copy h3{margin:5px 0 2px;font-size:19px}.builder-step-copy p{margin:0;color:#8e9eab;font-size:11px}.builder-wizard-controls{position:sticky;bottom:-1px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px -4px -4px;padding:10px 4px calc(4px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#191e24 20%)}.builder-wizard-controls button{min-width:92px;min-height:44px;border:1px solid #405365;border-radius:10px;background:#121b23;color:#e7f0f6;font-weight:800}.builder-wizard-controls [data-wizard-next]{margin-left:auto;background:var(--interface-accent);color:#071018}.builder-wizard-controls span{color:#8697a5;font:700 10px "DM Mono"}
@media(max-width:800px){.nutrition-quick-add{display:grid}.nutrition-quick-add>div:last-child{justify-content:stretch;display:grid;grid-template-columns:1fr 1fr}.exercise-guide-visual{grid-template-columns:92px 1fr}.exercise-guide-visual svg{width:90px;height:90px}.builder-wizard-progress button{grid-template-columns:1fr;justify-items:center;text-align:center}.builder-wizard-progress button strong{display:none}.builder-wizard-step{grid-template-columns:1fr}.builder-wizard-step>.full,.builder-step-copy{grid-column:1}.builder-wizard-step .advanced-metrics{grid-column:1}.builder-wizard-controls{z-index:4}}