.sound-pill{--sp-bg: rgba(253, 253, 252, .64);--sp-bg-hover: rgba(253, 253, 252, .86);--sp-line: rgba(20, 20, 22, .1);--sp-ink: var(--ink, #141416);--sp-muted: var(--muted, #6B6862);--sp-accent: var(--blue, #007AFF);--sp-shadow: 0 1px 2px rgba(20, 20, 22, .05), 0 16px 34px -16px rgba(38, 48, 63, .38);--sp-hi: rgba(255, 255, 255, .6);position:fixed;left:calc(var(--sound-left, 24px) + env(safe-area-inset-left,0px));bottom:calc(var(--sound-bottom, 24px) + env(safe-area-inset-bottom,0px));z-index:var(--sound-z, 9000);display:inline-flex;align-items:center;gap:10px;height:40px;margin:0;padding:0 16px 0 13px;border:1px solid var(--sp-line);border-radius:999px;background:var(--sp-bg);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:var(--sp-shadow),inset 0 1px 0 var(--sp-hi);color:var(--sp-ink);font:500 13px/1 var(--body, "General Sans", Arial, system-ui, sans-serif);letter-spacing:.01em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;animation:sound-pill-in .9s var(--ease-out, cubic-bezier(.16, 1, .3, 1)) .5s both;transition:background-color .3s var(--ease-out, ease),border-color .3s,transform .5s var(--ease-out, ease),color .3s}.sound-pill[data-tone=dark]{--sp-bg: rgba(20, 20, 22, .5);--sp-bg-hover: rgba(20, 20, 22, .72);--sp-line: rgba(245, 243, 239, .16);--sp-ink: var(--bone, #F5F3EF);--sp-muted: rgba(245, 243, 239, .62);--sp-accent: #4DA3FF;--sp-shadow: 0 1px 2px rgba(0, 0, 0, .18), 0 16px 34px -16px rgba(0, 0, 0, .55);--sp-hi: rgba(255, 255, 255, .08)}.sound-pill:hover{background:var(--sp-bg-hover);transform:translateY(-1px)}.sound-pill:active{transform:translateY(0) scale(.97);transition-duration:.12s}.sound-pill:focus-visible{outline:2px solid var(--sp-accent);outline-offset:3px}.sound-pill[data-state=on]{border-color:color-mix(in srgb,var(--sp-accent) calc(22% + var(--sound-breath, 0) * 30%),var(--sp-line))}.sound-pill .sound-pill__bars{display:inline-flex;align-items:center;justify-content:space-between;width:17px;height:16px;flex:none}.sound-pill .sound-pill__bar{display:block;width:2.5px;height:16px;border-radius:2px;background:var(--sp-muted);transform:scaleY(.16);transform-origin:50% 50%;transition:background-color .4s var(--ease-out, ease);will-change:transform}.sound-pill[data-state=on] .sound-pill__bar{background:var(--sp-accent)}.sound-pill[data-armed=pulse] .sound-pill__bar{animation:sound-armed 3s ease-in-out infinite}.sound-pill[data-armed=pulse] .sound-pill__bar:nth-child(2){animation-delay:.14s}.sound-pill[data-armed=pulse] .sound-pill__bar:nth-child(3){animation-delay:.28s}.sound-pill[data-armed=pulse] .sound-pill__bar:nth-child(4){animation-delay:.42s}@keyframes sound-armed{0%,to{transform:scaleY(.16)}50%{transform:scaleY(.46)}}.sound-pill .sound-pill__label{display:inline-flex;align-items:baseline}.sound-pill .sound-pill__on{display:inline-block;max-width:0;margin-left:0;overflow:hidden;opacity:0;color:var(--sp-accent);transition:max-width .5s var(--ease-out, ease),margin-left .5s var(--ease-out, ease),opacity .35s ease}.sound-pill[data-state=on] .sound-pill__on{max-width:2em;margin-left:.32em;opacity:1}@keyframes sound-pill-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:560px){.sound-pill{--sound-left: 14px;--sound-bottom: 14px;width:40px;padding:0;justify-content:center}.sound-pill .sound-pill__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sound-pill .sound-pill__on{max-width:2em;margin-left:.32em;opacity:1}}@media(prefers-reduced-motion:reduce){.sound-pill{animation:none;transition:none}.sound-pill[data-armed] .sound-pill__bar{animation:none}.sound-pill .sound-pill__on{transition:none}}@media(forced-colors:active){.sound-pill{border-color:ButtonText;background:ButtonFace;color:ButtonText}.sound-pill .sound-pill__bar{background:ButtonText}}