:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:#0f172a;color:#e2e8f0}.screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 1rem calc(1.5rem + env(safe-area-inset-bottom))}.header{font-size:1.1rem;font-weight:700;letter-spacing:.02em;margin-top:env(safe-area-inset-top)}.muted{color:#94a3b8;text-align:center}.card{width:100%;max-width:28rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;background:#1e293b;border-radius:1rem;padding:2rem 1.5rem;box-shadow:0 10px 30px #0000004d}.card.error{background:#7f1d1d;color:#fee2e2}.mic-btn,.stop-btn{font-size:1.1rem;font-weight:600;border:none;border-radius:999px;padding:1rem 2rem;cursor:pointer}.mic-btn{background:#22c55e;color:#052e16}.stop-btn{background:#ef4444;color:#450a0a}.listening{font-weight:600;color:#22c55e}.meter{display:flex;align-items:center;gap:3px;height:48px}.meter span{width:4px;border-radius:2px;background:#22c55e;transition:height 80ms linear}.transcript{width:100%;max-width:28rem;background:#0b1220;border:1px solid #1e293b;border-radius:.75rem;padding:1rem;line-height:1.5;max-height:40dvh;overflow-y:auto}