#us-voice-screen { box-sizing:border-box; color:#17191d; background:#fff; font-family:Roboto,Arial,sans-serif; text-align:center; padding:32px 24px 32px; width:100%; min-height:650px; display:flex; flex-direction:column; align-items:center; }
#us-voice-screen * { box-sizing:border-box; }
#us-voice-screen .us-voice-label { margin:0 0 16px; color:#797d87; font-size:11px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; }
#us-voice-screen h1 { margin:0; font-size:clamp(28px,3vw,36px); line-height:1.17; font-weight:500; letter-spacing:-.035em; }
#us-voice-screen .us-voice-description { margin:17px 0 0; color:#747780; font-size:16px; line-height:1.5; }
#us-voice-screen .us-orb-stage { width:260px; max-width:100%; aspect-ratio:1; position:relative; display:grid; place-items:center; margin:15px 0 0; }
#us-voice-screen .us-orb-halo { position:absolute; width:80%; height:80%; border-radius:50%; background:conic-gradient(from 160deg,#eb7b83a0,#8397ce87,#f5e6ed9c,#e5909a87,#eb7b83a0); filter:blur(28px); opacity:.24; animation:us-voice-halo 6.4s ease-in-out infinite; }
#us-voice-screen .us-orb { width:75%; aspect-ratio:1; border-radius:50%; position:relative; isolation:isolate; background:#f8edf0; filter:blur(.6px); box-shadow:inset 0 -14px 28px #202e5922,0 16px 35px #46487612; animation:us-voice-breath 6.4s ease-in-out infinite; }
#us-voice-screen .us-orb-texture { position:absolute; inset:0; overflow:hidden; border-radius:50%; mask-image:radial-gradient(circle,#000 64%,#000b 69%,transparent 72%); -webkit-mask-image:radial-gradient(circle,#000 64%,#000b 69%,transparent 72%); }
#us-voice-screen .us-orb-clouds { position:absolute; inset:-20%; background:radial-gradient(ellipse at 28% 36%,#293f89 0%,#5878b4 22%,transparent 43%),radial-gradient(ellipse at 77% 19%,#fbeaf0 0%,#f8c2ca 19%,transparent 39%),radial-gradient(ellipse at 79% 70%,#cb4c63 0%,#e07685 23%,transparent 44%),radial-gradient(ellipse at 43% 84%,#f6f5fa 0%,#dadfec 22%,transparent 41%),conic-gradient(from 20deg,#f5d9df,#e56872,#f7eff1,#445d9b,#e8e9f3,#f5d9df); filter:blur(20px); animation:us-voice-flow 32s ease-in-out infinite alternate; }
#us-voice-screen .us-orb-ribbon { position:absolute; width:140%; height:20%; left:-21%; border-radius:50%; filter:blur(11px); opacity:.68; animation:us-voice-ribbon 18s ease-in-out infinite alternate; }
#us-voice-screen .us-orb-ribbon-a { top:35%; background:linear-gradient(90deg,transparent,#f7e8ec 25%,#fff8f6 62%,transparent); transform:rotate(-27deg); }
#us-voice-screen .us-orb-ribbon-b { top:53%; background:linear-gradient(90deg,transparent,#db657d 31%,#e85664 61%,transparent); transform:rotate(-24deg); animation-delay:-7s; }
#us-voice-screen .us-orb-ribbon-c { top:72%; background:linear-gradient(90deg,transparent,#fff5f4 24%,#f5d7df 62%,transparent); transform:rotate(-27deg); animation-delay:-12s; }
#us-voice-screen .us-orb-stars { position:absolute; inset:0; opacity:.24; filter:blur(1.8px); }
#us-voice-screen .us-orb-stars i { position:absolute; width:15px; height:15px; background:#fffaf6; clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%); }
#us-voice-screen .us-orb-stars i:nth-child(1) { left:24%; top:25%; transform:rotate(-16deg); }
#us-voice-screen .us-orb-stars i:nth-child(2) { left:37%; top:16%; width:12px; height:12px; }
#us-voice-screen .us-orb-stars i:nth-child(3) { left:18%; top:43%; width:11px; height:11px; }
#us-voice-screen .us-orb-stars i:nth-child(4) { left:42%; top:37%; transform:rotate(-30deg); }
#us-voice-screen .us-orb-stars i:nth-child(5) { left:32%; top:58%; width:13px; height:13px; }
#us-voice-screen .us-orb-light { position:absolute; inset:0; border-radius:50%; background:radial-gradient(ellipse at 41% 17%,#fffbf04a,transparent 52%),radial-gradient(circle at 42% 34%,transparent 25%,#292b5810 65%,#25295830 95%); }
#us-voice-screen .us-voice-timer { margin:0 0 20px; color:#90949c; font-size:12px; line-height:1.5; }
#us-voice-screen .us-voice-timer span { margin-left:6px; color:#666b75; font-variant-numeric:tabular-nums; }
#us-voice-screen .us-voice-start { display:flex; align-items:center; justify-content:center; gap:11px; min-height:58px; padding:16px 30px; width:300px; max-width:100%; border:1px solid #20232a; border-radius:32px; background:#20232a; color:#fff; font:500 17px/1.3 Roboto,Arial,sans-serif; cursor:pointer; transition:background .2s,transform .2s; }
#us-voice-screen .us-voice-start:hover { background:#343943; transform:translateY(-1px); }
#us-voice-screen button:focus-visible { outline:3px solid #718fd1; outline-offset:4px; }
#us-voice-screen .us-voice-microphone { margin:13px 0 0; max-width:410px; font-size:12px; line-height:1.5; color:#858992; }
#us-voice-screen .us-voice-next { margin:12px 0 0; padding:5px 10px; border:0; background:transparent; color:#82868e; font:400 12px/1.5 Roboto,Arial,sans-serif; }
#us-voice-screen .us-voice-next span { margin-left:5px; }
#us-voice-screen .us-voice-preview { margin:16px 0 0; color:#999ca4; font-size:10px; line-height:1.5; }
#us-voice-screen[data-preview="active"] .us-orb { animation-duration:4.8s; }
#us-voice-screen[data-preview="stopped"] .us-orb,#us-voice-screen[data-preview="stopped"] .us-orb-halo,#us-voice-screen[data-preview="stopped"] .us-orb-clouds,#us-voice-screen[data-preview="stopped"] .us-orb-ribbon { animation-play-state:paused; }
@keyframes us-voice-breath { 0%,100% { transform:scale(.975); } 50% { transform:scale(1.045); } }
@keyframes us-voice-halo { 0%,100% { transform:scale(.95); opacity:.19; } 50% { transform:scale(1.07); opacity:.30; } }
@keyframes us-voice-flow { from { transform:rotate(-13deg) scale(1.04) translate(-2%,0); } to { transform:rotate(24deg) scale(1.15) translate(3%,-2%); } }
@keyframes us-voice-ribbon { from { translate:0 -3%; } to { translate:4% 9%; } }
@media(max-width:600px) { #us-voice-screen { padding:32px 20px 24px; min-height:610px; } #us-voice-screen h1 { font-size:28px; } #us-voice-screen .us-voice-description { font-size:14px; max-width:280px; margin:14px auto 0; } #us-voice-screen .us-orb-stage { width:270px; margin-top:9px; } #us-voice-screen .us-voice-start { font-size:16px; min-height:56px; } }
@media(prefers-reduced-motion:reduce) { #us-voice-screen .us-orb,#us-voice-screen .us-orb-halo,#us-voice-screen .us-orb-clouds,#us-voice-screen .us-orb-ribbon { animation:none; } #us-voice-screen .us-voice-start { transition:none; } }
body.adaptive-mobile {
  :scope #us-voice-screen { padding:28px 20px 24px; min-height:610px; }
  :scope #us-voice-screen h1 { font-size:28px; }
  :scope #us-voice-screen .us-voice-description { font-size:14px; max-width:280px; margin:14px auto 0; }
  :scope #us-voice-screen .us-orb-stage { width:250px; margin-top:9px; }
  :scope #us-voice-screen .us-voice-start { font-size:16px; min-height:56px; }
}