.breathing-workspace,.breathing-workspace section{min-width:0}.breathing-workspace .btn,.breathing-technique{min-height:44px}.breathing-techniques{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.breathing-technique{text-align:start;border:1px solid var(--color-rule);background:var(--color-surface);color:var(--color-ink);font:inherit;cursor:pointer;border-radius:12px;gap:6px;padding:14px;display:grid}.breathing-technique strong{overflow-wrap:anywhere;font-size:14px;line-height:1.35}.breathing-technique span{color:var(--color-muted);overflow-wrap:anywhere;font-size:12px;line-height:1.5}.breathing-technique small{font:12px var(--font-mono);color:var(--color-muted)}.breathing-technique[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-wash)}.breathing-technique:hover:enabled{border-color:var(--color-accent)}.breathing-technique:disabled{cursor:default;opacity:.65}.breathing-technique:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.breathing-pattern{flex-wrap:wrap;gap:8px;min-height:58px;display:flex}.breathing-pattern>div{border:1px solid var(--color-rule);background:var(--color-paper-2);border-radius:8px;gap:5px;padding:8px 12px;font-size:12px;display:grid}.breathing-pattern span{color:var(--color-muted)}.breathing-pattern strong{font-variant-numeric:tabular-nums;font-size:14px}.breathing-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.breathing-controls .btn{white-space:normal;overflow-wrap:anywhere;justify-content:center;gap:6px;min-width:0;padding-inline:8px}.breathing-controls .btn svg{flex-shrink:0}.breathing-sound{place-self:start}.breathing-sound[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-wash)}.breathing-circle-area{isolation:isolate;aspect-ratio:1;place-items:center;width:min(256px,100%);margin:4px auto 24px;display:grid;position:relative}.breathing-circle-background{background:var(--color-paper-3);border:1px solid var(--color-rule);border-radius:50%;position:absolute;inset:0}.breathing-circle{aspect-ratio:1;will-change:transform;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;width:78.125%;transition:transform 1s ease-in-out;position:absolute}.breathing-workspace[data-technique=box] .breathing-circle{background:linear-gradient(135deg,#22c55e,#14b8a6)}.breathing-workspace[data-technique=relaxing] .breathing-circle{background:linear-gradient(135deg,#a855f7,#ec4899)}.breathing-workspace[data-technique=energizing] .breathing-circle{background:linear-gradient(135deg,#f97316,#ef4444)}.breathing-circle-text{text-align:center;color:#fff;text-shadow:0 1px 3px #0007;pointer-events:none;gap:4px;width:72%;display:grid;position:relative}.breathing-circle-text strong{overflow-wrap:anywhere;font-size:clamp(18px,2.6vw,26px);line-height:1.3}.breathing-circle-text output{font:700 44px/1.2 var(--font-mono);font-variant-numeric:tabular-nums;min-height:53px}.breathing-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.breathing-stats>div{text-align:center;border:1px solid var(--color-rule);background:var(--color-paper-2);border-radius:10px;gap:10px;min-width:0;padding:16px 8px;display:grid}.breathing-stats span{color:var(--color-muted);min-height:34px;font-size:12px;line-height:1.4}.breathing-stats output{font:600 clamp(22px, 3vw, 30px)/1.2 var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-height:36px}.breathing-workspace [hidden]{display:none!important}.breathing-workspace [data-breathing-status]{min-height:40px}.breathing-workspace [data-breathing-status].error{color:var(--color-danger,#bc3341)}@media (width<=767px){.breathing-technique{padding:12px 10px}.breathing-controls .btn{padding-inline:6px;font-size:12px}.breathing-circle-area{width:min(256px,100%)}.breathing-circle-text strong{font-size:23px}.breathing-circle-text output{font-size:40px}.breathing-pattern>div{padding:8px 10px}}@media (prefers-reduced-motion:reduce){.breathing-circle{will-change:auto;transition:none!important}}.breathing-workspace [data-breathing-stop],.breathing-workspace[data-active=true] [data-breathing-play]{display:none}.breathing-workspace[data-active=true] [data-breathing-stop]{display:inline}
