/* The AI mark, one for the whole site (the owner: every AI thing gets its own special, prominent, moving sign).
   <span class="aimark"><i></i><b></b></span>: a large sparkle in a moving gold-rose gradient that breathes, a small
   twinkling star, a turning gold orbit with a bead running on it, and a soft halo. <span class="aipill">AI</span> is the
   label in the same gradient with a passing shine. Sizes: default 34px, .sm 22px, .lg 56px. Motion stops under
   reduced motion and the site's "עצירת אנימציות". */
.aimark { position:relative; flex:none; display:inline-block; width:34px; height:34px; vertical-align:middle; isolation:isolate; }
.aimark.sm { width:22px; height:22px; } .aimark.lg { width:56px; height:56px; }
/* the halo and the turning orbit */
.aimark::before { content:''; position:absolute; inset:-22%; border-radius:50%; z-index:-1;
  background:radial-gradient(circle, rgba(243,217,139,.55), rgba(232,154,180,.22) 45%, transparent 70%); animation:aiHalo 2.6s ease-in-out infinite; }
.aimark::after { content:''; position:absolute; inset:-12%; border-radius:50%;
  background:conic-gradient(from 0deg, transparent 0 62%, rgba(255,243,196,.95) 74%, #e89ab4 82%, transparent 86%),
    radial-gradient(circle, transparent 64%, rgba(243,217,139,.35) 66%, rgba(243,217,139,.35) 69%, transparent 71%);
  -webkit-mask:radial-gradient(circle, transparent 62%, #000 64%, #000 72%, transparent 74%); mask:radial-gradient(circle, transparent 62%, #000 64%, #000 72%, transparent 74%);
  animation:aiOrbit 3.2s linear infinite; }
.aimark i, .aimark b { position:absolute; background:linear-gradient(125deg,#fff8dc,#f3d98b 30%,#e89ab4 55%,#c9a24b 75%,#fff8dc); background-size:300% 300%;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 1.5c.7 5.2 2.8 8.1 10.5 10.5-7.7 2.4-9.8 5.3-10.5 10.5-.7-5.2-2.8-8.1-10.5-10.5C9.2 9.6 11.3 6.7 12 1.5z'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 1.5c.7 5.2 2.8 8.1 10.5 10.5-7.7 2.4-9.8 5.3-10.5 10.5-.7-5.2-2.8-8.1-10.5-10.5C9.2 9.6 11.3 6.7 12 1.5z'/></svg>") center/contain no-repeat; }
.aimark i { inset:14%; filter:drop-shadow(0 0 4px rgba(243,217,139,.8)); animation:aiGrad 3.6s linear infinite, aiBreath 2.6s ease-in-out infinite; }
.aimark b { width:34%; height:34%; top:-6%; inset-inline-end:-6%; animation:aiGrad 3.6s linear infinite, aiTwinkle 1.8s ease-in-out infinite; }
.aipill { position:relative; overflow:hidden; display:inline-block; font:800 .66rem/1.5 Assistant, Arial, sans-serif; letter-spacing:.08em; padding:1px 8px; border-radius:999px; color:#1b0a10; vertical-align:2px; margin-inline-start:4px;
  background:linear-gradient(125deg,#fff3c4,#f3d98b,#e89ab4,#c9a24b); background-size:300% 300%; animation:aiGrad 4s linear infinite, aiGlow 2.6s ease-in-out infinite; }
.aipill::after { content:''; position:absolute; top:0; bottom:0; width:40%; left:-60%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent); animation:aiShine 2.8s ease-in-out infinite; }
@keyframes aiGrad { to { background-position:300% 0; } }
@keyframes aiHalo { 50% { transform:scale(1.2); opacity:.6; } }
@keyframes aiOrbit { to { transform:rotate(360deg); } }
@keyframes aiBreath { 50% { transform:scale(1.1) rotate(8deg); } }
@keyframes aiTwinkle { 0%,100% { opacity:.25; transform:scale(.6) rotate(0); } 50% { opacity:1; transform:scale(1.15) rotate(45deg); } }
@keyframes aiGlow { 50% { box-shadow:0 0 14px rgba(243,217,139,.75), 0 0 4px rgba(232,154,180,.6); } }
@keyframes aiShine { 60%,100% { left:130%; } }
@media (prefers-reduced-motion: reduce) { .aimark::before, .aimark::after, .aimark i, .aimark b, .aipill, .aipill::after { animation:none; } }
html.a11y-still .aimark::before, html.a11y-still .aimark::after, html.a11y-still .aimark i, html.a11y-still .aimark b, html.a11y-still .aipill, html.a11y-still .aipill::after { animation:none; }