#tool-panel-breath{color:var(--ink,#1c1813);font-family:var(--body,sans-serif)}
#tool-panel-breath *,#tool-panel-breath *:before,#tool-panel-breath *:after{box-sizing:border-box}
#tool-panel-breath[hidden],#tool-panel-breath [hidden]{display:none!important}
#tool-panel-breath .yb-stage{min-height:510px;padding:34px 28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fdfdfc;border-radius:18px}
#tool-panel-breath .yb-heading{margin:0 0 26px}
#tool-panel-breath .yb-label{font-size:17px;font-weight:500;line-height:1.5}
#tool-panel-breath .yb-heading p{margin:7px 0 0;font:400 14px/1.6 var(--body,sans-serif);color:#756f65}
#tool-panel-breath .yb-measure{position:relative;width:260px;height:260px;display:grid;place-items:center;flex:none}
#tool-panel-breath .yb-orbit{position:absolute;inset:0}
#tool-panel-breath .yb-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
#tool-panel-breath .yb-ring-track{fill:none;stroke:#ebe9e4;stroke-width:2}
#tool-panel-breath .yb-ring-feedback{fill:none;stroke:#f5350c;stroke-width:3;opacity:var(--yb-energy,0);transition:opacity 100ms linear}
#tool-panel-breath .yb-level{position:absolute;inset:23px;border-radius:50%;background:#fff6f1;transform:scale(calc(.96 + var(--yb-energy,0)*.05));transition:transform 100ms ease-out,background-color 180ms ease;box-shadow:0 0 0 10px #fffaf7}
#tool-panel-breath .yb-reading{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-width:0}
#tool-panel-breath .yb-reading-label{font:400 12px/1.5 var(--body,sans-serif);color:#81796e}
#tool-panel-breath .yb-number{display:flex;align-items:baseline;justify-content:center;gap:7px;margin-top:6px}
#tool-panel-breath .yb-number output{font:400 62px/1.1 var(--body,sans-serif);font-variant-numeric:tabular-nums;letter-spacing:-.045em;color:#1c1813}
#tool-panel-breath .yb-number>span{font:400 14px/1.5 var(--body,sans-serif);color:#81796e}
#tool-panel-breath .yb-signal{display:flex;gap:4px;height:18px;align-items:center;margin-top:14px;--yb-energy:0}
#tool-panel-breath .yb-signal i{width:3px;height:3px;border-radius:4px;background:#d8d2c9;transform-origin:center;transition:height 100ms,background-color 100ms}
#tool-panel-breath .yb-signal i:nth-child(1),#tool-panel-breath .yb-signal i:nth-child(5){height:calc(3px + var(--yb-energy,0)*6px)}
#tool-panel-breath .yb-signal i:nth-child(2),#tool-panel-breath .yb-signal i:nth-child(4){height:calc(3px + var(--yb-energy,0)*11px)}
#tool-panel-breath .yb-signal i:nth-child(3){height:calc(3px + var(--yb-energy,0)*15px)}
#tool-panel-breath [data-state="voicing"] .yb-signal i{background:#f5350c}
#tool-panel-breath [data-state="requesting"] .yb-level,#tool-panel-breath [data-state="waiting"] .yb-level{background:#faf8f5}
#tool-panel-breath .yb-status{min-height:24px;margin:22px 0 17px;max-width:460px;font:400 15px/1.6 var(--body,sans-serif);color:#756f65}
#tool-panel-breath [data-state="error"] .yb-status{color:#b3331a}
#tool-panel-breath .yb-actions{display:flex;align-items:center;justify-content:center;gap:18px;min-height:48px;flex-wrap:wrap}
#tool-panel-breath button{font-family:var(--body,sans-serif);touch-action:manipulation;cursor:pointer}
#tool-panel-breath .yb-start{display:flex;align-items:center;justify-content:center;gap:9px;min-width:176px;min-height:48px;padding:12px 28px;border:0;border-radius:12px;background:#f5350c;color:#fffdf8;font:500 15px/1.4 var(--body,sans-serif);transition:transform 140ms,background-color 140ms}
#tool-panel-breath .yb-start svg{width:19px;height:19px;flex:none}
#tool-panel-breath .yb-start:disabled{background:#f2eee8;color:#82786b;cursor:default}
#tool-panel-breath .yb-stop{min-height:44px;border:0;background:transparent;padding:10px 3px;color:#6b6256;font-size:14px;line-height:1.5}
#tool-panel-breath .yb-note{margin:18px 0 0;max-width:460px;font:400 11px/1.6 var(--body,sans-serif);color:#857b6d}
#tool-panel-breath button:focus-visible{outline:2px solid #f5350c;outline-offset:4px}
#tool-panel-breath .yb-start:active:not(:disabled){transform:scale(.975)}
@media(hover:hover){#tool-panel-breath .yb-start:hover:not(:disabled){background:#df2d09}#tool-panel-breath .yb-stop:hover{color:#f5350c}}
@media(max-width:680px){#tool-panel-breath .yb-stage{min-height:474px;padding:24px 16px 22px;border-radius:14px}#tool-panel-breath .yb-heading{margin-bottom:20px}#tool-panel-breath .yb-heading p{font-size:13px}#tool-panel-breath .yb-measure{width:236px;height:236px}#tool-panel-breath .yb-number output{font-size:56px}#tool-panel-breath .yb-status{font-size:14px;margin-top:20px;margin-bottom:16px}#tool-panel-breath .yb-note{font-size:11px;max-width:280px}#tool-panel-breath .yb-actions{gap:14px}}
@media(prefers-reduced-motion:reduce){#tool-panel-breath .yb-ring-feedback,#tool-panel-breath .yb-level,#tool-panel-breath .yb-signal i,#tool-panel-breath .yb-start{transition:none}#tool-panel-breath .yb-level{transform:none}}