:root{--jack-bg: rgba(20, 120, 160, .88);--jack-bg-disabled: rgba(20, 120, 160, .45);--jack-glow: rgba(72, 200, 255, .28);--jack-text: #eaf6ff}.jack-wrap{position:fixed;left:50%;bottom:38px;transform:translate(-50%)}.jack-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:16px 28px;min-width:240px;border-radius:16px;font-size:20px;font-weight:700;letter-spacing:.2px;color:var(--jack-text);background:var(--jack-bg);box-shadow:0 6px 24px #00000059,0 0 0 1px #ffffff0f inset;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;cursor:pointer}.jack-btn:hover:not(.is-disabled){transform:translateY(-1px);box-shadow:0 10px 30px #00000073,0 0 0 1px #ffffff14 inset}.jack-btn.is-disabled{cursor:not-allowed;background:var(--jack-bg-disabled);filter:grayscale(.12) opacity(.85)}.jack-btn.is-listening{box-shadow:0 8px 28px #0006,0 0 0 1px #ffffff14 inset}.pulse{animation:jackPulse 1.8s ease-in-out infinite}@keyframes jackPulse{0%{box-shadow:0 8px 28px #0006,0 0 0 1px #ffffff14 inset}50%{box-shadow:0 10px 34px #00000073,0 0 24px 6px var(--jack-glow),0 0 0 1px #ffffff14 inset}to{box-shadow:0 8px 28px #0006,0 0 0 1px #ffffff14 inset}}.jack-devnote{margin-top:8px;text-align:center;font-size:12px;opacity:.5;color:#d6e9ff}.cta.listening{animation:jackPulse 1.8s ease-in-out infinite}@keyframes jackPulse{0%{transform:scale(1);box-shadow:0 0 #50c8ff59}70%{transform:scale(1.02);box-shadow:0 0 0 18px #50c8ff00}to{transform:scale(1);box-shadow:0 0 #50c8ff00}}.badge{position:fixed;left:12px;bottom:12px;padding:6px 10px;border-radius:8px;background:#00000073;color:#fff;font:12px/1.2 system-ui}