.recorder-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 8px 32px #00000059;max-width:420px;padding:2.5rem 2rem;text-align:center;width:100%}.recorder-title{font-size:1.6rem;font-weight:700;letter-spacing:.02em;margin-bottom:1.5rem}.recorder-warning{background:#f1c40f26;border:1px solid #f1c40f;border-radius:8px;color:#f9e79f;font-size:.82rem;text-align:left}.recorder-error,.recorder-warning{margin-bottom:1rem;padding:.6rem 1rem}.recorder-error{background:#e74c3c33;border:1px solid #e74c3c;border-radius:8px;color:#ff7675;font-size:.85rem}.recorder-id{color:#aaa;font-size:.8rem;margin-bottom:.8rem}.recorder-id code{background:#ffffff1a;border-radius:4px;font-family:Courier New,Courier,monospace;padding:.15rem .4rem}.recorder-status{animation:blink 1s ease-in-out infinite;color:#bbb;font-size:1rem}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.recorder-success{font-size:1.1rem;margin-bottom:1rem}.recorder-timer{font-feature-settings:"tnum";align-items:center;display:flex;font-size:2rem;font-variant-numeric:tabular-nums;gap:.6rem;justify-content:center;margin-bottom:1.2rem}.pulse{animation:pulse-anim 1s ease-in-out infinite;background:#e74c3c;border-radius:50%;height:14px;width:14px}@keyframes pulse-anim{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.recorder-controls{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.btn{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.4rem;padding:.7rem 1.4rem;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{box-shadow:0 4px 16px #0000004d;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-icon{font-size:1.15rem}.btn-record{background:linear-gradient(135deg,#e74c3c,#c0392b)}.btn-stop{background:linear-gradient(135deg,#7f8c8d,#636e72)}.btn-play{background:linear-gradient(135deg,#2ecc71,#27ae60)}.btn-confirm{background:linear-gradient(135deg,#3498db,#2980b9)}.btn-rerecord{background:linear-gradient(135deg,#f39c12,#e67e22)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem}
/*# sourceMappingURL=main.e16706ed.css.map*/