/* NOVIQ V22.0 — ONE Aurora Intelligence Orb
   Additive visual layer. No changes to auth, legal, consent, proof or action execution. */
:root{
  --nq220-cyan:#66d9ff;
  --nq220-blue:#6387ff;
  --nq220-violet:#9a66ff;
  --nq220-magenta:#ef63ff;
  --nq220-ink:#050817;
}
html[data-noviq-v220="true"] body{
  background:
    radial-gradient(circle at 50% 34%,rgba(36,56,132,.11),transparent 36%),
    radial-gradient(circle at 76% 52%,rgba(93,45,169,.08),transparent 31%),
    linear-gradient(180deg,#050815 0%,#060918 46%,#040711 100%);
}
html[data-noviq-v220="true"] .nq170-voice-shell{
  --nq220-react:calc(.18 + var(--voice-level)*.82);
  min-height:600px;
  margin-top:0;
  padding:10px 0 30px;
  overflow:visible;
  background:
    radial-gradient(circle at 50% 43%,rgba(71,112,255,.10),transparent 30%),
    radial-gradient(circle at 50% 43%,rgba(195,66,255,.06),transparent 42%),
    transparent;
}
html[data-noviq-v220="true"] .nq170-voice-shell:before{
  inset:5% -32% auto;
  height:78%;
  background:
    radial-gradient(ellipse at center,rgba(62,160,255,calc(.09 + var(--voice-level)*.17)),transparent 43%),
    radial-gradient(ellipse at 48% 48%,rgba(184,66,255,calc(.06 + var(--voice-level)*.15)),transparent 51%);
  filter:blur(30px);
}
html[data-noviq-v220="true"] .nq170-orb-stage{
  width:min(96vw,920px);
  height:min(72vw,560px);
  min-height:480px;
  max-height:560px;
  overflow:visible;
  isolation:isolate;
}
html[data-noviq-v220="true"] .nq170-link{display:none!important}
.nq220-energy-canvas{
  position:absolute;
  inset:-8% -22%;
  width:144%;
  height:116%;
  z-index:0;
  pointer-events:none;
  opacity:.96;
  filter:saturate(1.16) contrast(1.04);
}
.nq220-aurora-haze{
  position:absolute;
  width:min(66vw,500px);
  aspect-ratio:1;
  border-radius:50%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 72% 34%,rgba(122,220,255,.13),transparent 16%),
    radial-gradient(circle at 28% 32%,rgba(226,98,255,.12),transparent 18%),
    radial-gradient(circle at center,rgba(63,111,255,.10),transparent 59%);
  filter:blur(12px);
  animation:nq220Haze 5.5s ease-in-out infinite;
}
html[data-noviq-v220="true"] .nq170-orb{
  --pulse:calc(1 + var(--voice-level)*.045);
  width:min(54vw,360px);
  height:min(54vw,360px);
  min-width:270px;
  min-height:270px;
  z-index:4;
  filter:drop-shadow(0 0 calc(28px + var(--voice-level)*44px) rgba(92,175,255,.32));
}
html[data-noviq-v220="true"] .nq170-orb-shell{
  inset:7%;
  overflow:visible;
  background:
    radial-gradient(circle at 50% 50%,rgba(4,8,24,.99) 0 47%,rgba(7,13,39,.94) 57%,rgba(62,55,142,.26) 72%,rgba(48,160,231,.15) 84%,transparent 87%);
  border:1px solid rgba(147,205,255,.18);
  box-shadow:
    inset 0 0 35px rgba(93,180,255,.18),
    inset 0 0 75px rgba(182,83,255,.12),
    0 0 18px rgba(108,209,255,.31),
    0 0 52px rgba(86,139,255,.25),
    0 0 98px rgba(172,73,255,.16);
}
html[data-noviq-v220="true"] .nq170-orb-shell:before,
html[data-noviq-v220="true"] .nq170-orb-shell:after{
  inset:4%;
  border-radius:47% 53% 44% 56%/55% 42% 58% 45%;
  border:2px solid transparent;
  border-top-color:rgba(113,225,255,.95);
  border-right-color:rgba(102,149,255,.83);
  border-bottom-color:rgba(230,96,255,.76);
  box-shadow:
    0 -2px 16px rgba(96,218,255,.76),
    8px 0 22px rgba(92,130,255,.54),
    0 7px 18px rgba(222,87,255,.47),
    inset 0 0 14px rgba(126,177,255,.11);
  filter:drop-shadow(0 0 5px rgba(109,203,255,.48));
  animation:nq220RingSpin 7.6s linear infinite;
}
html[data-noviq-v220="true"] .nq170-orb-shell:after{
  inset:12%;
  border-radius:57% 43% 52% 48%/44% 57% 43% 56%;
  border-top-color:rgba(239,106,255,.86);
  border-left-color:rgba(181,92,255,.92);
  border-bottom-color:rgba(92,210,255,.66);
  box-shadow:
    0 -4px 17px rgba(222,89,255,.65),
    -6px 0 18px rgba(164,79,255,.54),
    0 7px 16px rgba(70,202,255,.38);
  animation-duration:5.8s;
  animation-direction:reverse;
}
html[data-noviq-v220="true"] .nq170-orb-flow{
  border-width:2px;
  opacity:.9;
  filter:blur(.05px) drop-shadow(0 0 7px rgba(139,177,255,.43));
}
html[data-noviq-v220="true"] .nq170-orb-flow.f1{
  inset:8%;
  border-top-color:#75e8ff;
  border-right-color:#6991ff;
  border-bottom-color:rgba(126,91,255,.48);
  box-shadow:0 -4px 18px rgba(91,220,255,.78);
  animation-duration:6.2s;
}
html[data-noviq-v220="true"] .nq170-orb-flow.f2{
  inset:14%;
  border-left-color:#d467ff;
  border-bottom-color:#fa71ff;
  border-top-color:rgba(111,108,255,.34);
  box-shadow:0 5px 18px rgba(228,86,255,.72);
  animation-duration:8s;
}
html[data-noviq-v220="true"] .nq170-orb-flow.f3{
  inset:2%;
  border-left-color:rgba(103,234,255,.56);
  border-bottom-color:rgba(245,99,255,.5);
  border-top-color:rgba(114,139,255,.35);
  animation:nq220Morph 5.4s ease-in-out infinite alternate;
}
html[data-noviq-v220="true"] .nq170-orb-core{
  inset:28%;
  background:radial-gradient(circle,rgba(10,16,42,.98) 0 52%,rgba(6,10,29,.79) 76%,transparent 100%);
  box-shadow:
    inset 0 0 30px rgba(111,174,255,.08),
    0 0 calc(20px + var(--voice-level)*24px) rgba(95,177,255,.18);
}
html[data-noviq-v220="true"] .nq170-orb-core b{
  font-weight:330;
  font-size:clamp(3rem,8vw,4.75rem);
  letter-spacing:.09em;
  margin-left:.09em;
  color:#f8fbff;
  text-shadow:
    0 0 8px rgba(255,255,255,.58),
    0 0 22px rgba(130,189,255,.7),
    0 0 42px rgba(123,130,255,.38);
}
html[data-noviq-v220="true"] .nq170-orb-core small{
  margin-top:13px;
  font-size:clamp(.78rem,1.8vw,1.06rem);
  letter-spacing:.095em;
  font-weight:300;
  color:rgba(239,243,255,.84);
  text-shadow:0 0 12px rgba(136,178,255,.38);
}
html[data-noviq-v220="true"] .nq170-orb-halo.h1{
  inset:-4%;
  border:1px solid rgba(148,211,255,.23);
  box-shadow:
    inset 0 0 42px rgba(99,182,255,.07),
    0 0 calc(34px + var(--voice-level)*64px) rgba(89,177,255,.19),
    0 0 calc(75px + var(--voice-level)*70px) rgba(161,74,255,.10);
  animation:nq220Breathe 3.2s ease-in-out infinite;
}
html[data-noviq-v220="true"] .nq170-orb-halo.h2{
  inset:-15%;
  border:1px dotted rgba(178,205,255,.24);
  box-shadow:0 0 20px rgba(88,169,255,.08);
  animation:nq220RingSpin 28s linear infinite reverse;
}
html[data-noviq-v220="true"] .nq170-orb-particles{
  inset:-18%;
  opacity:calc(.53 + var(--voice-level)*.34);
  background-image:
    radial-gradient(circle,rgba(226,249,255,.95) 0 1px,transparent 1.4px),
    radial-gradient(circle,rgba(203,132,255,.82) 0 .9px,transparent 1.35px),
    radial-gradient(circle,rgba(91,208,255,.75) 0 .8px,transparent 1.25px);
  background-size:22px 22px,31px 31px,43px 43px;
  background-position:0 0,11px 8px,17px 21px;
  mask-image:radial-gradient(circle,transparent 0 48%,#000 58%,rgba(0,0,0,.86) 72%,transparent 86%);
  animation:nq220RingSpin 31s linear infinite;
  filter:drop-shadow(0 0 4px rgba(114,204,255,.52));
}
.nq220-ring-dots{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:2;
  border:1px dotted rgba(156,205,255,.19);
  box-shadow:0 0 28px rgba(96,170,255,.06);
}
.nq220-ring-dots.d1{inset:-23%;animation:nq220RingSpin 42s linear infinite}
.nq220-ring-dots.d2{inset:-34%;border-color:rgba(188,116,255,.12);animation:nq220RingSpin 58s linear infinite reverse}
.nq220-ring-dots.d3{inset:-44%;border-color:rgba(113,184,255,.08);animation:nq220RingSpin 76s linear infinite}
html[data-noviq-v220="true"] .nq170-ripple{inset:-4%;border-color:rgba(108,211,255,.33)}
html[data-noviq-v220="true"] .state-speaking .nq170-ripple{border-color:rgba(225,105,255,.42)}
html[data-noviq-v220="true"] .state-listening .nq170-orb,
html[data-noviq-v220="true"] .state-speaking .nq170-orb{
  filter:drop-shadow(0 0 calc(36px + var(--voice-level)*58px) rgba(96,186,255,.42));
}
html[data-noviq-v220="true"] .state-thinking .nq170-orb-shell:before{animation-duration:2.2s}
html[data-noviq-v220="true"] .state-thinking .nq170-orb-shell:after{animation-duration:1.8s}
html[data-noviq-v220="true"] .state-speaking .nq170-orb-shell{
  box-shadow:
    inset 0 0 55px rgba(104,190,255,.26),
    inset 0 0 82px rgba(210,87,255,.18),
    0 0 26px rgba(103,205,255,.38),
    0 0 72px rgba(166,75,255,.28),
    0 0 130px rgba(97,128,255,.14);
}
html[data-noviq-v220="true"] .nq170-voice-copy{
  margin-top:-48px;
  max-width:620px;
}
html[data-noviq-v220="true"] .nq170-voice-copy small{color:rgba(169,199,255,.78)}
html[data-noviq-v220="true"] .nq170-voice-copy h2{font-weight:470}
html[data-noviq-v220="true"] .nq170-voice-actions button{
  background:rgba(10,17,40,.48);
  border-color:rgba(147,190,255,.16);
  backdrop-filter:blur(16px);
}
@keyframes nq220RingSpin{to{transform:rotate(360deg)}}
@keyframes nq220Morph{
  0%{transform:rotate(-11deg) scale(.94);border-radius:46% 54% 43% 57%/56% 45% 55% 44%}
  100%{transform:rotate(21deg) scale(1.08);border-radius:58% 42% 57% 43%/43% 58% 42% 57%}
}
@keyframes nq220Breathe{0%,100%{transform:scale(.97);opacity:.52}50%{transform:scale(1.035);opacity:1}}
@keyframes nq220Haze{0%,100%{transform:scale(.96);opacity:.58}50%{transform:scale(1.06);opacity:.98}}

@media(max-width:680px){
  html[data-noviq-v220="true"] .nq170-voice-shell{min-height:540px;padding-top:0}
  html[data-noviq-v220="true"] .nq170-orb-stage{height:410px;min-height:410px;width:100vw;margin-inline:-12px}
  html[data-noviq-v220="true"] .nq170-orb{width:min(72vw,300px);height:min(72vw,300px);min-width:235px;min-height:235px}
  .nq220-energy-canvas{inset:-3% -16%;width:132%;height:108%}
  html[data-noviq-v220="true"] .nq170-voice-copy{margin-top:-34px}
}
@media(max-width:420px){
  html[data-noviq-v220="true"] .nq170-orb-stage{height:370px;min-height:370px}
  html[data-noviq-v220="true"] .nq170-orb{width:250px;height:250px;min-width:250px;min-height:250px}
  html[data-noviq-v220="true"] .nq170-orb-core b{font-size:3rem}
  html[data-noviq-v220="true"] .nq170-orb-core small{font-size:.72rem}
}
@media(prefers-reduced-motion:reduce){
  .nq220-energy-canvas{display:none!important}
  .nq220-aurora-haze,.nq220-ring-dots{animation:none!important}
}