.idea-orb-entry{
  position:relative;
  z-index:1;
  place-self:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
}
.idea-orb-breath{
  display:block;
  line-height:0;
  transform-origin:center;
  animation:idea-orb-breathe 5.4s cubic-bezier(.45,.05,.55,.95) infinite;
}
@keyframes idea-orb-breathe{
  0%,100%{transform:translateY(1px) scale(.955);filter:saturate(.92) brightness(.96)}
  50%{transform:translateY(-2px) scale(1.055);filter:saturate(1.08) brightness(1.04)}
}
.idea-voice-orb{
  --orb-tilt:0deg;
  --orb-scale:1;
  --orb-glow:.22;
  position:relative;
  z-index:1;
  display:block;
  width:48px;
  aspect-ratio:1;
  padding:0;
  border:0;
  border-radius:50%;
  color:transparent;
  background:transparent;
  box-shadow:0 9px 20px rgba(35,75,175,var(--orb-glow)),0 0 19px rgba(102,210,238,.17);
  overflow:visible;
  cursor:pointer;
  transform:rotate(var(--orb-tilt)) scale(var(--orb-scale));
  transition:transform 1.7s cubic-bezier(.25,.8,.25,1),box-shadow 1.7s ease,opacity .2s ease;
}
.idea-voice-orb-clip{
  position:absolute;
  inset:0;
  display:block;
  border:0;
  border-radius:50%;
  overflow:hidden;
  isolation:isolate;
  contain:paint;
  clip-path:circle(50% at 50% 50%);
  -webkit-clip-path:circle(50% at 50% 50%);
  -webkit-mask-image:radial-gradient(circle,#fff 0 99%,transparent 100%);
  mask-image:radial-gradient(circle,#fff 0 99%,transparent 100%);
  background:radial-gradient(circle at 34% 29%,#cbd5ff 0%,#8875e6 35%,#5541be 68%,#27307f 100%);
  box-shadow:inset 5px 6px 11px rgba(255,255,255,.24),inset -7px -8px 14px rgba(20,25,92,.3);
  transform:translateZ(0);
}
.idea-voice-orb-clip::before{
  content:"";
  position:absolute;
  top:8px;
  left:11px;
  z-index:5;
  width:16px;
  height:9px;
  border-radius:50%;
  background:rgba(255,255,255,.7);
  filter:blur(2px);
  transform:rotate(-24deg);
  pointer-events:none;
}
.idea-voice-orb-blob{
  --blob-x:0px;
  --blob-y:0px;
  --blob-scale:1;
  --blob-opacity:.8;
  --blob-duration:1.8s;
  position:absolute;
  top:50%;
  left:50%;
  z-index:1;
  width:35px;
  height:35px;
  border-radius:50%;
  background-color:#57d4ed;
  filter:blur(7px);
  mix-blend-mode:screen;
  opacity:var(--blob-opacity);
  transform:translate(calc(-50% + var(--blob-x)),calc(-50% + var(--blob-y))) scale(var(--blob-scale));
  transition:transform var(--blob-duration) cubic-bezier(.25,.8,.25,1),background-color var(--blob-duration) ease,opacity var(--blob-duration) ease;
}
.idea-voice-orb-blob-a{background-color:#62d8ef}
.idea-voice-orb-blob-b{background-color:#9a72ff}
.idea-voice-orb-blob-c{background-color:#ed83ca}
.idea-voice-orb-glass{
  position:absolute;
  inset:0;
  z-index:4;
  border-radius:50%;
  background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.35),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.12),transparent 48%,rgba(255,255,255,.03));
  pointer-events:none;
}
.idea-voice-orb:hover{box-shadow:0 11px 24px rgba(35,75,175,.29),0 0 23px rgba(102,210,238,.22)}
.idea-voice-orb:focus-visible{outline:3px solid rgba(35,75,175,.3);outline-offset:5px}
.idea-voice-orb.is-paused{opacity:.78}

@media(min-width:901px){
  .idea-generator-page .idea-hero{grid-template-columns:minmax(0,1fr) 218px 230px;gap:22px}
  .idea-generator-page .idea-orb-entry{grid-column:2;align-self:center;justify-self:center}
  .idea-generator-page .idea-hero-note{grid-column:3}
}
@media(min-width:901px) and (max-width:1120px){
  .idea-generator-page .idea-hero{grid-template-columns:minmax(0,1fr) 150px 215px;gap:14px}
  .idea-generator-page .idea-voice-orb{width:42px}
}
@media(max-width:900px){
  .idea-generator-page .idea-hero{position:relative}
  .idea-generator-page .idea-hero-main{padding-right:58px}
  .idea-generator-page .idea-orb-entry{position:absolute;top:54px;right:36px}
  .idea-generator-page .idea-voice-orb{width:39px}
}
@media(max-width:620px){
  .idea-generator-page .idea-hero-main{padding-right:52px}
  .idea-generator-page .idea-orb-entry{top:62px;right:34px}
  .idea-generator-page .idea-voice-orb{width:35px}
  .idea-voice-orb-clip::before{top:5px;left:7px;width:11px;height:6px;filter:blur(1.4px)}
  .idea-voice-orb-blob{width:28px;height:28px;filter:blur(5px)}
}
@media(prefers-reduced-motion:reduce){
  .idea-orb-breath{animation:none!important}
  .idea-voice-orb,.idea-voice-orb-blob{transition:none!important}
}