/* Deep space lets the individual brand colours carry the light. */
body,.universe{background:#000}
.nebula{opacity:.025}.stardust{opacity:.04}.orbit-core{opacity:.35}
.subscription-offer{background:linear-gradient(115deg,#17120bf0,#09090feb 58%,#161020eb) padding-box,linear-gradient(115deg,#ffe7a4,#cd913d 40%,#b699e4 76%,#f7d790) border-box}
.subscription-offer:before{background:radial-gradient(ellipse at 85% 45%,#ffc75a0c,transparent 45%),radial-gradient(ellipse at 0 100%,#d773180a,transparent 60%)}
.island-center .satellite .glass-icon{border-color:var(--brand);box-shadow:inset 0 0 9px color-mix(in srgb,var(--brand) 19%,transparent),inset 0 1px #ffffff38,0 0 5px color-mix(in srgb,var(--brand) 65%,transparent),0 0 18px color-mix(in srgb,var(--brand) 36%,transparent),0 0 33px color-mix(in srgb,var(--brand) 16%,transparent)}
.island-center .satellite .glass-icon:after{content:'';position:absolute;inset:-1px;padding:2px;border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(120deg,var(--brand) 4%,color-mix(in srgb,var(--brand) 55%,white) 24%,var(--brand) 43%,color-mix(in srgb,var(--brand) 65%,#121521) 64%,var(--brand) 82%,color-mix(in srgb,var(--brand) 55%,white));background-size:320% 320%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:agent-rim-shimmer 3.8s ease-in-out infinite;animation-delay:var(--delay,0s)}
.island-center .satellite:hover .glass-icon,.island-center .satellite.models-open .glass-icon{box-shadow:inset 0 0 12px color-mix(in srgb,var(--brand) 24%,transparent),inset 0 1px #ffffff48,0 0 8px color-mix(in srgb,var(--brand) 75%,transparent),0 0 25px color-mix(in srgb,var(--brand) 45%,transparent),0 0 42px color-mix(in srgb,var(--brand) 21%,transparent)}
@keyframes agent-rim-shimmer{0%,100%{background-position:0% 20%;opacity:.8}50%{background-position:100% 80%;opacity:1}}
.motion-paused .island-center .satellite .glass-icon:after{animation:none!important;background-position:50% 50%;opacity:1}
.control-deck nav .tab.active,.control-deck button:active,.control-deck #language-toggle[aria-expanded=true]{border-color:#b0ff48;background-color:#91ff420b;box-shadow:inset 0 0 12px #a2ff481b,0 0 5px #bdff6ba6,0 0 18px #85ff4252}
@media(prefers-reduced-motion:reduce){.island-center .satellite .glass-icon:after{animation:none!important;background-position:50% 50%;opacity:1}}
.island-center .constellation.oval-ready .satellite[data-provider]{left:var(--orbit-x);top:var(--orbit-y);right:auto;bottom:auto;transform:translateX(-50%)}
.top-navigation .discovery-stack{
  --discovery-inset:140px;
  --bot-bleed:var(--discovery-inset);
  position:absolute;left:calc(var(--island-margin) + var(--discovery-inset));top:20px;
  width:calc(var(--island-side) - var(--discovery-inset));display:flex;flex-direction:column;gap:12px;
}
.top-navigation .discovery-stack>.discovery-banner{position:relative;inset:auto;width:100%;flex-shrink:0}
.discovery-nudge{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.4vw,22px);width:100%;min-height:43px;padding:9px 15px;border:1px solid #ddba5e9c;border-radius:13px;background:linear-gradient(125deg,#28251bba,#101114cf 52%,#302818a8);color:#ffe7a0;font:800 clamp(11px,.85vw,15px)/1.35 'Manrope',sans-serif;box-shadow:inset 0 1px #fff3,0 0 16px #e8ba3922;backdrop-filter:blur(5px);transition:background .2s,box-shadow .2s}
.discovery-nudge svg{width:21px;height:25px;flex-shrink:0;stroke-width:2.2;filter:drop-shadow(0 0 5px #ffd76588)}
.discovery-nudge:hover{background:linear-gradient(125deg,#3d3320d9,#17191bd9 52%,#40321fd9);box-shadow:inset 0 1px #fff4,0 0 22px #e8ba3944}
.telegram-bot{
  display:grid;grid-template-columns:auto minmax(0,1fr) clamp(72px,8vw,136px) auto;
  align-items:center;gap:clamp(8px,1vw,16px);min-height:88px;
  width:calc(100% + var(--bot-bleed));margin-inline-start:calc(-1 * var(--bot-bleed));
  margin-top:6px;padding:12px clamp(10px,1.2vw,20px);overflow:hidden;
  border:1px solid #36b8ef80;border-radius:17px;color:#edf9ff;text-decoration:none;
  background:
    radial-gradient(ellipse at 82% 110%,#218ad144,transparent 62%),
    radial-gradient(ellipse at 0% 0%,#278cb744,transparent 67%),
    linear-gradient(110deg,#122534,#0a1420 60%,#112e44);
  box-shadow:inset 0 1px #bfeeff30,0 0 18px #28a5e429;
  font:800 clamp(13px,1vw,18px)/1.3 'Manrope',sans-serif;
  transition:filter .2s;
}
.telegram-bot-mark,.telegram-bot-arrow{
  display:grid;place-items:center;border:1px solid #8fdcff40;background:#59bbef18;
}
.telegram-bot-mark{width:42px;height:42px;border-radius:13px}
.telegram-bot-mark img{width:27px;height:27px;filter:drop-shadow(0 0 7px #37baff66)}
.telegram-bot-copy{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.telegram-bot-copy small{color:#a5d4ec;font-size:11px;font-weight:650}
.telegram-bot-robot{width:100%;height:auto;align-self:end;margin-block:-12px -14px;transition:transform .25s ease-out}
.telegram-bot-arrow{width:31px;height:31px;border-radius:10px;color:#b2e7ff}
.telegram-bot-arrow svg{width:16px;height:16px}
.telegram-bot:hover,.telegram-bot:focus-visible{filter:brightness(1.18)}
.telegram-bot:focus-visible{outline:2px solid #a8e7ff;outline-offset:3px}
@media(prefers-reduced-motion:no-preference){body:not(.motion-paused) .telegram-bot:is(:hover,:focus-visible) .telegram-bot-robot{transform:translateY(-5px)}}
.inner-view .discovery-stack{display:none!important}
@media(max-width:1250px){
  .telegram-bot{grid-template-columns:auto minmax(0,1fr) 70px;min-height:76px;padding-block:9px}
  .telegram-bot-mark{width:32px;height:32px;border-radius:10px}
  .telegram-bot-mark img{width:22px;height:22px}
  .telegram-bot-arrow{display:none}
}
@media(min-width:761px) and (max-width:1250px){.top-navigation .discovery-stack{--discovery-inset:105px}.discovery-nudge{padding:8px 5px;gap:5px}.discovery-nudge svg{width:15px;height:20px}}
@media(min-width:761px) and (max-width:1000px){
  .top-navigation .discovery-stack{gap:8px}
  .discovery-nudge{gap:3px;padding:6px 3px;font-size:10px}
  .discovery-nudge svg{width:13px;height:18px}
  .telegram-bot{grid-template-columns:auto minmax(0,1fr) 53px;gap:7px;min-height:74px;padding-inline:8px}
}
@media(max-width:760px){
  .top-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}
  .top-navigation .discovery-stack{--bot-bleed:calc(100% + 14px);position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;gap:9px;align-self:center}
  .discovery-nudge{min-height:38px;padding:8px 5px;gap:5px;font-size:11px}
  .discovery-nudge svg{width:17px;height:21px}
  .telegram-bot{min-height:76px;margin-top:2px}
}
