/* NOVIQ V22.1 — ONE ORB ONLY
   Additive visual takeover for the ONE view. Legacy ONE DOM remains intact underneath. */
:root{--nq221-cyan:#74e7ff;--nq221-blue:#6a91ff;--nq221-violet:#a96dff;--nq221-magenta:#f26cff}
html[data-noviq-v221="true"] #nq221OneStage{display:none}
html[data-noviq-v221="true"].nq221-one-active{overflow:hidden}
html[data-noviq-v221="true"].nq221-one-active body{overflow:hidden;background:#040713}
html[data-noviq-v221="true"].nq221-one-active #nq221OneStage{display:grid}
.nq221-stage{--voice-level:0;position:fixed;inset:0;z-index:2147481000;place-items:center;overflow:hidden;isolation:isolate;background:
 radial-gradient(circle at 50% 47%,rgba(56,93,210,.13),transparent 27%),
 radial-gradient(circle at 47% 49%,rgba(180,67,255,.09),transparent 39%),
 linear-gradient(180deg,#050816 0%,#060918 54%,#030611 100%)}
.nq221-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(160,203,255,.18) 0 1px,transparent 1.35px);background-size:83px 83px;opacity:.25;mask-image:radial-gradient(circle at center,#000 0 46%,transparent 83%)}
.nq221-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;filter:saturate(1.16) contrast(1.04)}
.nq221-orb-wrap{position:relative;width:min(74vw,640px);height:min(74vw,640px);min-width:390px;min-height:390px;display:grid;place-items:center;z-index:2}
.nq221-orb{--pulse:calc(1 + var(--voice-level)*.045);position:relative;width:min(51vw,440px);height:min(51vw,440px);min-width:340px;min-height:340px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transform:scale(var(--pulse));transition:transform 80ms linear;filter:drop-shadow(0 0 calc(38px + var(--voice-level)*70px) rgba(93,183,255,.34));-webkit-tap-highlight-color:transparent}
.nq221-orb:focus-visible{outline:2px solid rgba(183,222,255,.95);outline-offset:18px}
.nq221-shell{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle at center,rgba(4,8,25,.995) 0 44%,rgba(7,13,41,.96) 56%,rgba(73,57,166,.28) 72%,rgba(49,172,242,.17) 84%,transparent 88%);border:1px solid rgba(153,213,255,.22);box-shadow:inset 0 0 42px rgba(91,183,255,.19),inset 0 0 88px rgba(190,78,255,.13),0 0 24px rgba(102,210,255,.35),0 0 68px rgba(87,139,255,.28),0 0 130px rgba(173,72,255,.17)}
.nq221-shell:before,.nq221-shell:after{content:"";position:absolute;inset:4%;border-radius:47% 53% 44% 56%/55% 42% 58% 45%;border:2px solid transparent;border-top-color:rgba(117,232,255,.96);border-right-color:rgba(103,151,255,.82);border-bottom-color:rgba(232,99,255,.76);box-shadow:0 -2px 18px rgba(99,220,255,.82),8px 0 24px rgba(93,133,255,.58),0 8px 20px rgba(227,89,255,.5);animation:nq221-spin 7.2s linear infinite}
.nq221-shell:after{inset:13%;border-radius:58% 42% 52% 48%/44% 57% 43% 56%;border-top-color:rgba(242,111,255,.9);border-left-color:rgba(184,95,255,.92);border-bottom-color:rgba(95,216,255,.68);animation-duration:5.4s;animation-direction:reverse}
.nq221-flow{position:absolute;border-radius:50%;border:2px solid transparent;mix-blend-mode:screen;filter:drop-shadow(0 0 7px rgba(140,180,255,.45))}
.nq221-flow.f1{inset:10%;border-top-color:#78ebff;border-right-color:#6b94ff;border-bottom-color:rgba(130,93,255,.48);box-shadow:0 -4px 20px rgba(93,224,255,.8);animation:nq221-spin 6s linear infinite}
.nq221-flow.f2{inset:17%;border-left-color:#d66aff;border-bottom-color:#fa76ff;border-top-color:rgba(116,110,255,.34);box-shadow:0 6px 20px rgba(230,89,255,.76);animation:nq221-spin 7.8s linear infinite reverse}
.nq221-flow.f3{inset:3%;border-left-color:rgba(105,237,255,.6);border-bottom-color:rgba(248,102,255,.52);border-top-color:rgba(118,143,255,.36);animation:nq221-morph 5.2s ease-in-out infinite alternate}
.nq221-core{position:absolute;inset:29%;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,rgba(10,16,43,.99) 0 53%,rgba(6,10,30,.8) 77%,transparent 100%);box-shadow:inset 0 0 34px rgba(110,178,255,.08),0 0 calc(22px + var(--voice-level)*28px) rgba(96,181,255,.2)}
.nq221-core b{font:300 clamp(3.4rem,8vw,5.9rem)/.92 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.095em;margin-left:.095em;color:#fbfdff;text-shadow:0 0 8px rgba(255,255,255,.62),0 0 25px rgba(133,193,255,.72),0 0 52px rgba(127,132,255,.42)}
.nq221-core small{margin-top:16px;font:300 clamp(.9rem,1.8vw,1.3rem)/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.09em;color:rgba(240,244,255,.86);text-shadow:0 0 14px rgba(138,181,255,.4)}
.nq221-halo,.nq221-dots{position:absolute;border-radius:50%;pointer-events:none}
.nq221-halo.h1{inset:-3%;border:1px solid rgba(151,215,255,.24);box-shadow:inset 0 0 46px rgba(101,187,255,.08),0 0 calc(38px + var(--voice-level)*72px) rgba(91,181,255,.21),0 0 calc(84px + var(--voice-level)*84px) rgba(165,76,255,.12);animation:nq221-breathe 3.15s ease-in-out infinite}
.nq221-halo.h2{inset:-15%;border:1px dotted rgba(183,211,255,.25);animation:nq221-spin 28s linear infinite reverse}
.nq221-dots.d1{inset:-25%;border:1px dotted rgba(159,209,255,.21);animation:nq221-spin 42s linear infinite}.nq221-dots.d2{inset:-37%;border:1px dotted rgba(194,121,255,.14);animation:nq221-spin 58s linear infinite reverse}.nq221-dots.d3{inset:-50%;border:1px dotted rgba(116,188,255,.09);animation:nq221-spin 78s linear infinite}
.nq221-particles{position:absolute;inset:-20%;border-radius:50%;opacity:calc(.54 + var(--voice-level)*.34);background-image:radial-gradient(circle,rgba(229,250,255,.96) 0 1px,transparent 1.45px),radial-gradient(circle,rgba(207,136,255,.84) 0 .9px,transparent 1.35px),radial-gradient(circle,rgba(94,213,255,.78) 0 .8px,transparent 1.3px);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) 73%,transparent 87%);animation:nq221-spin 31s linear infinite;filter:drop-shadow(0 0 4px rgba(115,207,255,.54))}
.nq221-ripple{position:absolute;inset:-2%;border-radius:50%;border:1px solid rgba(109,214,255,.34);opacity:0;pointer-events:none}.nq221-stage.state-listening .nq221-ripple,.nq221-stage.state-speaking .nq221-ripple{animation:nq221-ripple calc(1.75s - var(--voice-level)*.55s) ease-out infinite}.nq221-stage.state-speaking .nq221-ripple{border-color:rgba(225,108,255,.44)}.nq221-ripple.r2{animation-delay:.7s!important}
.nq221-stage.state-thinking .nq221-shell:before{animation-duration:2.15s}.nq221-stage.state-thinking .nq221-shell:after{animation-duration:1.75s}.nq221-stage.state-speaking .nq221-shell{box-shadow:inset 0 0 60px rgba(106,195,255,.28),inset 0 0 90px rgba(214,90,255,.2),0 0 30px rgba(105,211,255,.42),0 0 82px rgba(170,78,255,.31),0 0 145px rgba(99,132,255,.16)}
@keyframes nq221-spin{to{transform:rotate(360deg)}}
@keyframes nq221-morph{0%{transform:rotate(-12deg) scale(.94);border-radius:46% 54% 43% 57%/56% 45% 55% 44%}100%{transform:rotate(22deg) scale(1.08);border-radius:58% 42% 57% 43%/43% 58% 42% 57%}}
@keyframes nq221-breathe{0%,100%{transform:scale(.965);opacity:.5}50%{transform:scale(1.04);opacity:1}}
@keyframes nq221-ripple{0%{transform:scale(.82);opacity:.52}100%{transform:scale(1.42);opacity:0}}
@media(max-width:700px){.nq221-orb-wrap{width:100vw;height:100vw;min-width:0;min-height:0}.nq221-orb{width:min(72vw,360px);height:min(72vw,360px);min-width:260px;min-height:260px}.nq221-core b{font-size:clamp(2.8rem,14vw,4.5rem)}.nq221-core small{font-size:.82rem;margin-top:11px}}
@media(max-height:720px) and (min-width:701px){.nq221-orb-wrap{width:560px;height:560px;min-width:0;min-height:0}.nq221-orb{width:380px;height:380px;min-width:0;min-height:0}}
@media(prefers-reduced-motion:reduce){.nq221-orb *,.nq221-halo,.nq221-dots{animation:none!important}.nq221-orb{transform:none!important}.nq221-ripple{display:none}}