*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000000;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .11);--text: #f2f2f2;--text-muted: rgba(242, 242, 242, .38);--font-display: "Clash Display", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}html,body{height:100%;background:transparent;font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}#root{min-height:100%;display:flex;flex-direction:column;background:transparent}.app{flex:1;display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:0;background:transparent}.card{display:flex;flex-direction:column;align-items:center;gap:20px;padding:36px 32px 32px;background:transparent;border:none;border-radius:32px;width:min(440px,92vw)}.card-intro{font-family:var(--font-body);font-size:13px;font-weight:300;line-height:1.7;letter-spacing:.01em;color:#f2f2f28c;text-align:center;max-width:340px}.card-title{font-family:var(--font-display);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.card-sub{font-size:11px;font-weight:300;letter-spacing:.06em;color:var(--text-muted);text-align:center;min-height:14px}.circle-wrap{position:relative;width:100%;aspect-ratio:1;max-width:360px}.ring-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.wave-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.moon{position:absolute;width:100%;aspect-ratio:1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;overflow:hidden;box-shadow:inset -20px -20px 48px #00000073,inset 4px 4px 12px #ffffff0a}.moon img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes moon-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.moon--spin{animation:moon-spin 14s linear infinite}.center-ui{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px;width:44%}.preview-ui{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.time-badge{font-family:var(--font-body);font-size:18px;font-weight:300;letter-spacing:.04em;color:#fffc;font-variant-numeric:tabular-nums;animation:badge-pulse 1.3s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.45}}.time-badge--sm{font-size:11px;animation:none;opacity:.55;letter-spacing:.08em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 14px;border-radius:100px;border:1px solid var(--glass-border);background:#ffffff12;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text);cursor:pointer;white-space:nowrap;transition:background .14s,border-color .14s,transform 70ms;-webkit-tap-highlight-color:transparent;width:100%}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn:hover:not(:disabled){background:#ffffff1c;border-color:#fff3}.btn--record{height:44px;padding:0 24px;font-size:13px;box-shadow:0 0 20px #ffffff0a}.btn__dot{width:6px;height:6px;border-radius:50%;background:#ff4040;box-shadow:0 0 5px 1px #ff3c3cb3;flex-shrink:0}@keyframes stop-pulse{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 0 4px #ffffff0f}}.btn--stop{animation:stop-pulse 1.4s ease-in-out infinite}.btn__square{width:7px;height:7px;border-radius:1.5px;background:var(--text);flex-shrink:0}.btn--ghost{background:#ffffff08;border-color:#ffffff14;color:#fff9}.btn--ghost:hover:not(:disabled){background:#ffffff12;border-color:#ffffff24;color:var(--text)}.btn--send{background:#ffffff1a;border-color:#ffffff38;box-shadow:0 0 16px #ffffff0a}.btn--send:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.btn--xs{height:34px;font-size:10px;padding:0 12px;flex:1}.mic-error{font-size:11px;color:#ff503ccc;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.modal-card{background:transparent;border:none;border-radius:24px;padding:44px 40px 40px;width:100%;max-width:390px}.modal-heading{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:.02em;color:var(--text);margin-bottom:8px}.modal-sub{font-size:13px;font-weight:300;color:var(--text-muted);line-height:1.6;margin-bottom:28px}.modal-form{display:flex;flex-direction:column;gap:16px}.modal-field{display:flex;flex-direction:column;gap:6px}.modal-field label{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.modal-field input{height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:0 16px;font-family:var(--font-body);font-size:15px;color:var(--text);background:#ffffff0d;outline:none;transition:border-color .15s,box-shadow .15s}.modal-field input:focus{border-color:#ffffff3d;box-shadow:0 0 0 3px #ffffff0a}.modal-field input::placeholder{color:#ffffff2e}.modal-label-opt{font-size:9px;opacity:.5;text-transform:none;letter-spacing:0;font-weight:400}.phone-row{display:flex;gap:8px}.country-select{height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:0 10px;font-family:var(--font-body);font-size:13px;color:var(--text);background:#ffffff0d;outline:none;cursor:pointer;flex-shrink:0;transition:border-color .15s}.country-select:focus{border-color:#ffffff3d}.phone-input{flex:1;height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:0 16px;font-family:var(--font-body);font-size:15px;color:var(--text);background:#ffffff0d;outline:none;transition:border-color .15s,box-shadow .15s}.phone-input:focus{border-color:#ffffff3d;box-shadow:0 0 0 3px #ffffff0a}.phone-input::placeholder{color:#ffffff2e}.modal-error{font-size:12px;color:#ff503ccc;line-height:1.5}.modal-actions{display:flex;gap:10px;margin-top:8px}.modal-actions .btn{width:auto;flex:1}.modal-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.modal-check{width:50px;height:50px;border-radius:50%;border:1px solid var(--glass-border);background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:300}.modal-success .modal-heading{margin-bottom:0}.modal-success .modal-sub{margin-bottom:4px}.modal-success .btn--send{width:100%}@media (max-width: 480px){.card{padding:28px 20px 24px;border-radius:24px;background:#00000080}.circle-wrap{max-width:300px}.phone-row{flex-direction:column}.country-select{width:100%}.phone-input{flex:none;width:100%;height:48px}}