.blow-cloud-ui { position:absolute; pointer-events:none; z-index:5; color:#315c65; font-family:'Trebuchet MS',sans-serif; }
.blow-cloud-ui * { box-sizing:border-box; }
.blow-cloud-ui button { pointer-events:auto; cursor:pointer; border:0; color:#315c65; font-family:inherit; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.blow-cloud-ui button:focus-visible { outline:5em solid #427e8a; outline-offset:6em; }
.blow-cloud-ui button:disabled { cursor:wait; opacity:.75; }
.blow-cloud-ui .bc-icon { position:absolute; top:35em; width:82em; height:82em; min-width:44px; min-height:44px; border-radius:50%; background:#f7fcf9e8; box-shadow:0 5em 0 #80b8c125; font-size:inherit; display:grid; place-items:center; }
.blow-cloud-ui .bc-back { left:40em; }
.blow-cloud-ui .bc-sound { right:40em; }
.blow-cloud-ui .bc-levels { position:absolute; top:35em; left:50%; transform:translateX(-50%); display:flex; gap:8em; padding:6em; border-radius:48em; background:#f7fcf9e8; }
.blow-cloud-ui .bc-levels button { width:70em; height:70em; min-width:44px; min-height:44px; border-radius:50%; font-size:inherit; background:transparent; }
.blow-cloud-ui .bc-levels button span { font-size:max(28em,18px); font-weight:bold; }
.blow-cloud-ui .bc-levels button[aria-pressed="true"] { background:#f4ce69; box-shadow:0 3em 0 #b6994930; }
.blow-cloud-ui svg { width:38em; height:38em; fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.blow-cloud-ui .bc-panel { position:absolute; top:535em; left:50%; transform:translateX(-50%); text-align:center; width:720em; }
.blow-cloud-ui .bc-prompt { margin:0 0 .63em; font-size:30em; font-weight:bold; letter-spacing:.01em; }
.blow-cloud-ui .bc-action { display:inline-flex; align-items:center; justify-content:center; gap:17em; border-radius:46em; padding:20em 34em; min-height:max(86em,44px); font-size:inherit; background:#fffdf3; box-shadow:0 7em 0 #6c9f7e25; }
.blow-cloud-ui .bc-action span { font-size:27em; font-weight:bold; }
.blow-cloud-ui .bc-help { font-size:22em; margin:.8em auto 0; line-height:1.4; max-width:30em; }
.blow-cloud-ui .bc-listening { display:inline-flex; align-items:center; gap:13em; color:#35646b; }
.blow-cloud-ui .bc-listening span { font-size:27em; }
.blow-cloud-ui [hidden] { display:none !important; }
@media (prefers-reduced-motion:reduce) { .blow-cloud-ui * { transition:none; } }