:root{--ink: #1f1830;--accent: #ff5a3c;--ground: #ffffff}body{background:var(--ground);font-family:system-ui,-apple-system,sans-serif;color:var(--ink)}.controls{position:fixed;left:0;right:0;bottom:calc(20px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;pointer-events:none}.controls button{pointer-events:auto;border:0;display:grid;place-items:center;color:var(--ink);background:#fff;box-shadow:0 2px 14px #1f183024;border-radius:50%;touch-action:none;-webkit-tap-highlight-color:transparent}.mic{width:72px;height:72px;transition:transform .15s,background .2s,color .2s}.mic.on{background:var(--accent);color:#fff;transform:scale(1.12);box-shadow:0 0 0 10px #ff5a3c2e}.mic.busy{animation:breathe 1s ease-in-out infinite}.upload{width:48px;height:48px;justify-self:end}@keyframes breathe{50%{box-shadow:0 0 0 9px #1f183014}}.pull{position:fixed;top:0;left:0;right:0;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding-top:env(safe-area-inset-top);background:#fffffff5;border-bottom:1px solid rgba(31,24,48,.08);transition:height .2s,opacity .2s}.pull button{margin-bottom:10px;min-height:36px;padding:0 22px;border:0;border-radius:18px;background:var(--ink);color:#fff;font-size:15px}