*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#f0f0f0;background:#0d0d0d;justify-content:center;align-items:center;min-height:100dvh;font-family:system-ui,sans-serif;display:flex}.app{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex}h1{letter-spacing:.12em;font-size:2rem}.status{font-size:1rem}.status.muted{color:#666}.status.live{color:#5abf5a;letter-spacing:.1em;font-size:1.2rem}.status.error{color:#e57373}.listen-btn{color:#f0f0f0;cursor:pointer;background:#1a1a1a;border:1px solid #444;border-radius:8px;padding:.75rem 2rem;font-family:inherit;font-size:1rem;transition:background .15s,border-color .15s}.listen-btn:hover{background:#2a2a2a;border-color:#888}.pulse{background:#5abf5a4d;border-radius:50%;width:52px;height:52px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.2;transform:scale(1.5)}}