/* SkyPower Ignition · first connection only · visual overlay within response bubble */
.message.is-sp-igniting > .message-main > .stream-status,
.m-message.is-sp-igniting .m-stream-status { display:none !important; }
.message.is-sp-igniting .stream-body,
.m-message.is-sp-igniting .m-stream-body { margin:0; padding:0; width:100%; }
.sp-ignition { --spi-blue:#45b7ff; --spi-orange:#ff8d32; position:relative; isolation:isolate; width:min(100%,530px); height:330px; min-height:330px; overflow:hidden; border-radius:23px; color:#f5f9ff; background:linear-gradient(153deg,#101e37 0%,#070d1b 44%,#090f1f 100%); border:1px solid rgba(109,166,238,.2); box-shadow:inset 0 1px rgba(170,208,255,.1),0 17px 54px rgba(0,6,28,.28); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; letter-spacing:normal; }
.sp-ignition:before { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background:radial-gradient(ellipse 65% 54% at 52% 48%,transparent 24%,rgba(6,11,22,.3) 100%); }
.sp-ignition:after { content:""; position:absolute; inset:-70% -60%; z-index:4; pointer-events:none; background:linear-gradient(115deg,transparent 43%,rgba(113,189,255,.035) 48%,rgba(255,255,255,.12) 50%,rgba(255,141,55,.035) 52%,transparent 56%); transform:translateX(-75%) rotate(8deg); animation:spi-sweep 5s cubic-bezier(.23,.8,.24,1) both; }
.spi-shell{position:relative; height:100%; width:100%; display:flex; flex-direction:column; align-items:center; z-index:1; }
.spi-ambient{position:absolute;inset:-50%;pointer-events:none;background:radial-gradient(circle at 49% 49%,rgba(37,114,255,.23),transparent 27%),radial-gradient(circle at 46% 55%,rgba(255,112,32,.17),transparent 23%),radial-gradient(circle at 54% 49%,rgba(39,105,213,.07),transparent 45%);animation:spi-breathe 5s ease-in-out both;}
.spi-grid{position:absolute;inset:0;pointer-events:none;opacity:.13;background:linear-gradient(90deg,transparent calc(100% - 1px),rgba(112,169,255,.33) 100%),linear-gradient(0deg,transparent calc(100% - 1px),rgba(112,169,255,.33) 100%);background-size:30px 30px;mask-image:radial-gradient(ellipse 70% 65% at 50% 48%,black,transparent);}
.spi-eyebrow{position:absolute;left:21px;right:21px;top:17px;display:flex;align-items:center;gap:9px;font-size:9px;font-weight:750;letter-spacing:.16em;color:#8c9db7;white-space:nowrap;}
.spi-dot{width:6px;height:6px;border-radius:50%;background:#56b8ff;box-shadow:0 0 9px rgba(60,182,255,.8);animation:spi-led 1.6s ease-in-out infinite;}
.spi-sep{color:#475671}
.spi-core{position:absolute;left:50%;top:36.5%;width:212px;height:212px;transform:translate(-50%,-50%);display:grid;place-items:center;}
.spi-logo{position:relative;z-index:4;width:182px;height:182px;object-fit:contain;filter:drop-shadow(0 0 0 transparent);opacity:0;transform:scale(.79) translateY(9px);animation:spi-logo-in 5s cubic-bezier(.16,1,.3,1) both;}
.spi-halo{position:absolute;inset:15%;border-radius:50%;border:1px solid rgba(70,175,255,.25);box-shadow:0 0 21px rgba(40,119,255,.1);opacity:0;animation:spi-halo 3s ease-out infinite;animation-delay:1.4s;}
.spi-halo-b{border-color:rgba(255,126,44,.28);animation-delay:2.35s;}
.spi-orbit{position:absolute;inset:1%;border-radius:50%;border:1px dashed rgba(67,154,238,.13);transform:rotate(-22deg) scaleX(1.13);opacity:0;animation:spi-orbit-on 5s ease both;}
.spi-orbit-b{inset:-8%;border-color:rgba(255,145,58,.09);transform:rotate(36deg) scaleY(.75);animation-delay:.3s;}
.spi-arc{position:absolute;inset:7%;pointer-events:none;border-radius:50%;border:2px solid transparent;border-top-color:rgba(72,194,255,.68);border-right-color:rgba(255,128,44,.47);filter:drop-shadow(0 0 8px rgba(78,154,255,.4));opacity:0;animation:spi-arc 5s linear both;}
.spi-arc-b{inset:-4%;transform:rotate(-80deg);border-top-color:rgba(255,126,35,.62);border-right-color:transparent;animation-delay:.15s;}
.spi-arc-c{inset:19%;transform:rotate(180deg);border-top-color:rgba(62,183,255,.54);border-right-color:transparent;animation-delay:.42s;}
.spi-flash{position:absolute;z-index:3;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,238,203,.9) 0%,rgba(255,137,27,.37) 18%,rgba(43,137,255,.1) 48%,transparent 71%);mix-blend-mode:screen;opacity:0;animation:spi-flash 5s linear both;}
.spi-particle{position:absolute;z-index:5;left:50%;top:51%;width:3px;height:3px;border-radius:50%;background:#ffe3a3;box-shadow:0 0 8px 3px rgba(255,126,45,.3);opacity:0;animation:spi-particle 2.6s ease-out both;animation-delay:1.1s;--x:90px;--y:-55px;}
.spi-p2{--x:-111px;--y:40px;background:#7dd4ff;animation-delay:1.3s;}
.spi-p3{--x:108px;--y:61px;animation-delay:1.45s;}
.spi-p4{--x:-77px;--y:-80px;background:#63beff;animation-delay:1.65s;}
.spi-p5{--x:65px;--y:-103px;animation-delay:1.8s;}
.spi-p6{--x:-107px;--y:-20px;background:#63beff;animation-delay:2s;}
.spi-p7{--x:20px;--y:111px;animation-delay:2.2s;}
.spi-p8{--x:-32px;--y:94px;background:#68caff;animation-delay:2.35s;}
.spi-name{position:absolute;bottom:83px;display:flex;align-items:center;justify-content:center;font-weight:850;font-size:23px;letter-spacing:.16em;color:#eef7ff;text-shadow:0 0 20px rgba(48,155,255,.3);opacity:0;animation:spi-word 5s ease both;}
.spi-name>span:first-child{color:#69c0ff;}
.spi-name-spark{font-size:10px;color:var(--spi-orange);padding-left:8px;transform:translateY(-8px);}
.spi-tagline{position:absolute;bottom:62px;font-size:9px;font-weight:750;letter-spacing:.26em;color:#f0a66e;opacity:0;animation:spi-tag 5s ease both;}
.spi-meter{position:absolute;bottom:38px;left:21px;right:21px;height:2px;border-radius:20px;background:rgba(98,149,213,.16);overflow:hidden;}
.spi-meter-fill{position:absolute;left:0;top:0;bottom:0;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#349bff 0%,#63c4ff 46%,#ffac53 83%,#ff762b 100%);box-shadow:0 0 12px rgba(255,137,38,.7);animation:spi-fill 5s linear both;}
.spi-meter-flare{position:absolute;top:-3px;width:24px;height:8px;border-radius:20px;background:#fff3c1;filter:blur(4px);transform:translateX(-30px);animation:spi-flare 5s linear both;}
.spi-footer{position:absolute;bottom:12px;left:21px;right:21px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.02em;color:#a2b2c9;}
.spi-phase{transition:opacity .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.spi-footmark{font-size:8px;font-weight:750;letter-spacing:.12em;color:#5d799c;white-space:nowrap;}
.spi-footmark b{color:#ff8d32;}
@keyframes spi-logo-in{0%,9%{opacity:0;transform:scale(.79) translateY(9px);filter:brightness(1.7) drop-shadow(0 0 0 transparent)}16%{opacity:1;transform:scale(1.12);filter:brightness(2.3) drop-shadow(0 0 30px rgba(255,136,49,.85))}24%{transform:scale(.97);filter:brightness(1.5) drop-shadow(0 0 24px rgba(59,159,255,.55))}37%,78%{opacity:1;transform:scale(1);filter:brightness(1.12) drop-shadow(0 0 18px rgba(54,142,255,.34))}88%{opacity:1;transform:scale(1.04)}100%{opacity:1;transform:scale(.83) translateY(-11px);filter:brightness(1.25) drop-shadow(0 0 23px rgba(255,123,30,.3))}}
@keyframes spi-flash{0%,10%,24%,64%,100%{opacity:0;transform:scale(.4)}13%{opacity:1;transform:scale(1)}18%{opacity:.2;transform:scale(1.35)}72%{opacity:0}76%{opacity:.65;transform:scale(1.3)}81%{opacity:0;transform:scale(1.9)}}
@keyframes spi-orbit-on{0%,12%{opacity:0}30%,83%{opacity:1}100%{opacity:.12}}
@keyframes spi-arc{0%,16%{opacity:0;transform:rotate(-100deg)}22%,50%{opacity:.7}68%{opacity:.1}85%{opacity:.75}100%{opacity:0;transform:rotate(460deg)}}
@keyframes spi-halo{0%{opacity:0;transform:scale(.7)}18%{opacity:.7}90%,100%{opacity:0;transform:scale(1.85)}}
@keyframes spi-particle{0%{opacity:0;transform:translate(0,0) scale(.2)}8%{opacity:1}72%{opacity:.6}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.6)}}
@keyframes spi-word{0%,28%{opacity:0;transform:translateY(9px);filter:blur(3px)}42%,100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes spi-tag{0%,44%{opacity:0;transform:translateY(6px)}57%,100%{opacity:1;transform:translateY(0)}}
@keyframes spi-fill{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes spi-flare{0%{left:0;opacity:0}10%,94%{opacity:.9}100%{left:100%;opacity:0}}
@keyframes spi-breathe{0%{opacity:.05;transform:scale(.8)}40%{opacity:1;transform:scale(1)}70%{opacity:.74}100%{opacity:1;transform:scale(1.17)}}
@keyframes spi-sweep{0%,21%{transform:translateX(-75%) rotate(8deg)}43%,100%{transform:translateX(75%) rotate(8deg)}}
@keyframes spi-led{0%,100%{opacity:.45}50%{opacity:1}}
@media (max-width:600px){.sp-ignition{height:284px;min-height:284px;width:100%;border-radius:18px;}.spi-core{top:35%;transform:translate(-50%,-50%) scale(.8)}.spi-name{font-size:20px;bottom:73px}.spi-tagline{bottom:55px;font-size:8px}.spi-meter{bottom:32px;left:16px;right:16px}.spi-footer{bottom:9px;left:16px;right:16px;font-size:9px}.spi-footmark{font-size:7px}.spi-eyebrow{top:13px;left:16px;right:16px;font-size:8px;letter-spacing:.1em;gap:6px}}
@media (max-width:350px){.spi-eyebrow .spi-sep,.spi-eyebrow span:last-child{display:none}.spi-footmark{display:none}.spi-core{transform:translate(-50%,-50%) scale(.74)}}
@media (prefers-reduced-motion:reduce){.sp-ignition *, .sp-ignition:after {animation:none !important;transition:none !important}.spi-logo,.spi-name,.spi-tagline,.spi-orbit{opacity:1;transform:none;filter:none}.spi-halo,.spi-flash,.spi-particle,.spi-arc{display:none}.spi-meter-fill{transform:scaleX(1);opacity:.4}.spi-meter-flare{display:none}}


/* Run 25 — align the ignition to the center of the five-slot navigation.
 * This styling applies ONLY while ignition is mounted. Normal message layouts,
 * header geometry, streaming content and controls are untouched. */
html[data-theme] .messages > .message.is-sp-igniting {
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
html[data-theme] .messages > .message.is-sp-igniting > .message-rail,
html[data-theme] .messages > .message.is-sp-igniting > .message-main > .message-name {
  display:none!important;
}
html[data-theme] .messages > .message.is-sp-igniting > .message-main {
  display:block!important;
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
html[data-theme] .message.is-sp-igniting .stream-body {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
/* On native mobile, remove the response avatar's offset only during ignition. */
.m-chat-scroll > .m-message.is-sp-igniting {
  display:block!important;
  width:100%!important;
  padding-inline:clamp(12px,4vw,22px)!important;
  box-sizing:border-box!important;
}
.m-message.is-sp-igniting > .m-message-avatar,
.m-message.is-sp-igniting > .m-message-bubble > .m-message-name {
  display:none!important;
}
.m-message.is-sp-igniting > .m-message-bubble {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}
.m-message.is-sp-igniting .m-stream-body {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  margin:0!important;
}
.sp-ignition { margin-inline:auto; } /* Same content-axis center as the middle SP header link. */
/* The center header logo responds subtly while the matching ignition is playing. */
html[data-theme].sp-ignition-active header.unified-top>.top-network-orbit>.r11-central-sp {
  border-color:rgba(255,143,51,.58)!important;
  box-shadow:0 0 0 1px rgba(255,143,51,.12),0 0 20px rgba(55,160,255,.20),0 0 12px rgba(255,138,40,.12)!important;
}
html.sp-ignition-active .m-header-network .m-sp-pill {
  box-shadow:0 0 0 1px rgba(255,143,51,.12),0 0 17px rgba(53,152,252,.20)!important;
}
@media(prefers-reduced-motion:reduce){
  html[data-theme].sp-ignition-active header.unified-top>.top-network-orbit>.r11-central-sp,
  html.sp-ignition-active .m-header-network .m-sp-pill {box-shadow:none!important;}
}