/* MUTATIO618 site helper — animated Ω, v2 "elaborate" (CLEW site-helper, 2026-10-06) */
.m6h{--g:#BF9B30;--g2:#E2C46A;--g3:#F6E7B0;--bg:#0A0A0A;--bg2:#121110;--ln:rgba(191,155,48,.28);--tx:#EDE6D6;--mut:#9C9384;position:fixed;right:22px;bottom:22px;z-index:2147483000;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--tx)}
.m6h *{box-sizing:border-box}
.m6h-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- launcher ---------- */
.m6h-launch{display:flex;align-items:center;gap:12px;background:none;border:0;padding:0;cursor:pointer;color:var(--tx);-webkit-tap-highlight-color:transparent}
.m6h-launch:focus-visible{outline:2px solid var(--g2);outline-offset:6px;border-radius:50px}
.m6h-tag{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--g2);background:rgba(10,10,10,.86);border:1px solid var(--ln);padding:7px 14px;border-radius:20px;opacity:0;transform:translateX(8px);transition:opacity .35s,transform .35s;backdrop-filter:blur(6px)}
.m6h-launch:hover .m6h-tag,.m6h-launch:focus-visible .m6h-tag{opacity:1;transform:none}
.m6h-sig{position:relative;width:72px;height:72px;border-radius:50%;flex:none;background:radial-gradient(circle at 50% 40%,#231d10 0,#0b0a08 62%,#060605 100%);box-shadow:0 0 0 1px var(--ln),0 10px 30px rgba(0,0,0,.6),inset 0 0 18px rgba(191,155,48,.12);transition:transform .5s cubic-bezier(.2,.9,.3,1.3)}
.m6h-launch:hover .m6h-sig{transform:scale(1.06)}
.m6h-sig svg{position:absolute;inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);overflow:visible}
.m6h-sig svg *{transform-box:view-box;transform-origin:60px 60px}
.m6h-halo{position:absolute;inset:-8px;border-radius:50%;box-shadow:0 0 26px 4px rgba(191,155,48,.30);animation:m6h-halo 4.8s ease-in-out infinite;pointer-events:none}

/* layers */
.m6h-dial{animation:m6h-spin 48s linear infinite}
.m6h-ring1{animation:m6h-spin 16s linear infinite}
.m6h-ring2{animation:m6h-spin 26s linear infinite reverse}
.m6h-boost{animation:m6h-spin 3s linear infinite;animation-play-state:paused}
.m6h-launch:hover .m6h-boost,.m6h.is-thinking .m6h-boost{animation-play-state:running}
.m6h-spiral{animation:m6h-spin 61.8s linear infinite reverse}
.m6h-spiral path{stroke-dasharray:420;stroke-dashoffset:0;animation:m6h-draw 9s ease-in-out infinite}
.m6h-orbits{transition:transform .9s cubic-bezier(.5,0,.2,1)}
.m6h.is-thinking .m6h-orbits{transform:scale(.62)}
.m6h-o1{animation:m6h-spin 7.2s linear infinite}
.m6h-o2{animation:m6h-spin 11.6s linear infinite reverse}
.m6h-o3{animation:m6h-spin 18.8s linear infinite}
.m6h.is-thinking .m6h-o1,.m6h.is-thinking .m6h-o2,.m6h.is-thinking .m6h-o3{animation-duration:1.4s}
.m6h-mote{opacity:.95}
.m6h-wave{opacity:0;animation:m6h-wave 6.18s ease-out infinite}
.m6h-wave.w2{animation-delay:3.09s}
.m6h-omg{animation:m6h-breathe 4.8s ease-in-out infinite}
.m6h-om{filter:drop-shadow(0 0 3px rgba(226,196,106,.55))}
.m6h.is-thinking .m6h-omg{animation:m6h-pulse .8s ease-in-out infinite}
.m6h.is-open .m6h-launch .m6h-omg{animation:m6h-turn 1s cubic-bezier(.6,0,.2,1) both}
.m6h.is-lit .m6h-halo{animation:m6h-flash 1.4s ease-out 1}
.m6h.is-sealed .m6h-ring1 circle{stroke-dasharray:277 0;transition:stroke-dasharray .9s ease}
.m6h-ring1 circle{transition:stroke-dasharray .9s ease}

/* awakening on page load */
.m6h.is-waking .m6h-omg{animation:m6h-wake-om 2.2s cubic-bezier(.2,.8,.2,1) both}
.m6h.is-waking .m6h-ring1,.m6h.is-waking .m6h-ring2,.m6h.is-waking .m6h-dial{animation:m6h-wake-ring 2.4s cubic-bezier(.2,.8,.2,1) both}
.m6h.is-waking .m6h-spiral path{animation:m6h-wake-draw 2.6s ease-out both}
.m6h.is-waking .m6h-orbits{animation:m6h-wake-fade 2.8s ease-out both}

@keyframes m6h-spin{to{transform:rotate(360deg)}}
@keyframes m6h-draw{0%{stroke-dashoffset:420}45%,70%{stroke-dashoffset:0}100%{stroke-dashoffset:-420}}
@keyframes m6h-breathe{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.07);opacity:1}}
@keyframes m6h-pulse{0%,100%{transform:scale(.92);opacity:.75}50%{transform:scale(1.12);opacity:1}}
@keyframes m6h-turn{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
@keyframes m6h-halo{0%,100%{opacity:.35}50%{opacity:.85}}
@keyframes m6h-flash{0%{box-shadow:0 0 48px 16px rgba(246,231,176,.8)}100%{box-shadow:0 0 26px 4px rgba(191,155,48,.30)}}
@keyframes m6h-wave{0%{transform:scale(.55);opacity:.55}80%,100%{transform:scale(1.25);opacity:0}}
@keyframes m6h-wake-om{0%{transform:scale(.3) rotate(-90deg);opacity:0}60%{opacity:1}100%{transform:none;opacity:1}}
@keyframes m6h-wake-ring{0%{transform:scale(.2) rotate(-200deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes m6h-wake-draw{0%{stroke-dashoffset:420}100%{stroke-dashoffset:0}}
@keyframes m6h-wake-fade{0%,40%{opacity:0;transform:scale(1.6)}100%{opacity:1;transform:none}}

/* ---------- panel ---------- */
.m6h-panel{position:absolute;right:0;bottom:88px;width:376px;max-width:calc(100vw - 32px);height:min(560px,calc(100vh - 130px));display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--ln);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.65),0 0 0 1px rgba(0,0,0,.4);overflow:hidden;opacity:0;pointer-events:none;clip-path:circle(0% at calc(100% - 36px) calc(100% + 52px));transition:clip-path .7s cubic-bezier(.7,0,.2,1),opacity .3s}
.m6h.is-open .m6h-panel{opacity:1;pointer-events:auto;clip-path:circle(160% at calc(100% - 36px) calc(100% + 52px))}
.m6h-panel::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;background:
 radial-gradient(circle at 61.8% 38.2%,transparent 0 59px,var(--g) 60px 61px,transparent 62px),
 radial-gradient(circle at 61.8% 38.2%,transparent 0 96px,var(--g) 97px 98px,transparent 99px),
 radial-gradient(circle at 61.8% 38.2%,transparent 0 156px,var(--g) 157px 158px,transparent 159px),
 linear-gradient(90deg,transparent 0 61.8%,var(--g) 61.8% calc(61.8% + 1px),transparent 0),
 linear-gradient(0deg,transparent 0 38.2%,var(--g) 38.2% calc(38.2% + 1px),transparent 0);animation:m6h-geo 30s linear infinite}
@keyframes m6h-geo{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.m6h-head{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--ln);background:linear-gradient(180deg,#17140d,#0f0e0b)}
.m6h-head .m6h-sig{width:42px;height:42px}
.m6h-head .m6h-sig svg{inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px)}
.m6h-head .m6h-halo,.m6h-head .m6h-wave{display:none}
.m6h-title{flex:1;min-width:0}
.m6h-title b{display:block;font-size:12px;letter-spacing:.3em;text-transform:uppercase;font-weight:600;background:linear-gradient(90deg,var(--g) 0%,var(--g3) 50%,var(--g) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:m6h-shine 6s linear infinite}
@keyframes m6h-shine{to{background-position:-200% 0}}
.m6h-title span{font-size:12px;color:var(--mut)}
.m6h-x{background:none;border:0;color:var(--mut);font-size:22px;line-height:1;cursor:pointer;padding:4px 7px;border-radius:6px;transition:transform .3s,color .3s}
.m6h-x:hover,.m6h-x:focus-visible{color:var(--tx);outline:1px solid var(--ln);transform:rotate(90deg)}
.m6h-log{position:relative;flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.m6h-msg{max-width:88%;padding:10px 13px;border-radius:12px;white-space:pre-wrap;word-wrap:break-word;animation:m6h-in .45s cubic-bezier(.2,.8,.2,1)}
.m6h-msg.bot{align-self:flex-start;background:linear-gradient(160deg,#16140f,#0f0e0c);border:1px solid var(--ln);box-shadow:0 0 0 0 rgba(226,196,106,0);animation:m6h-in .45s cubic-bezier(.2,.8,.2,1),m6h-edge 1.6s ease-out .1s 1}
.m6h-msg.me{align-self:flex-end;background:#2a2414;color:#F4ECD8}
.m6h-msg.note{align-self:center;max-width:100%;font-size:12px;color:var(--g2);background:none;padding:2px 0;text-align:center;letter-spacing:.04em}
.m6h-msg .w{opacity:0;display:inline;animation:m6h-word .35s ease-out forwards}
@keyframes m6h-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes m6h-edge{0%{box-shadow:0 0 18px 2px rgba(226,196,106,.35)}100%{box-shadow:0 0 0 0 rgba(226,196,106,0)}}
@keyframes m6h-word{from{opacity:0}to{opacity:1}}
.m6h-think{align-self:flex-start;display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--mut);font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.m6h-think svg{width:28px;height:28px}
.m6h-think .tri{transform-origin:14px 14px;animation:m6h-spin 1.6s linear infinite}
.m6h-think .tri2{transform-origin:14px 14px;animation:m6h-spin 2.4s linear infinite reverse}
.m6h-esc{border-top:1px solid var(--ln);padding:12px 16px;background:var(--bg2);display:none}
.m6h-esc.on{display:block;animation:m6h-in .45s ease-out}
.m6h-esc p{margin:0 0 8px;font-size:12px;color:var(--mut)}
.m6h-row{display:flex;gap:8px}
.m6h-in{flex:1;min-width:0;background:#0d0d0c;color:var(--tx);border:1px solid var(--ln);border-radius:10px;padding:10px 12px;font:inherit;font-size:16px;transition:border-color .3s,box-shadow .3s}
.m6h-in:focus{outline:none;border-color:var(--g);box-shadow:0 0 0 3px rgba(191,155,48,.15)}
.m6h-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#d8b453,#BF9B30 55%,#9a7a22);color:#0A0A0A;border:0;border-radius:10px;padding:0 15px;font-weight:700;letter-spacing:.08em;cursor:pointer;min-width:66px}
.m6h-btn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:m6h-sweep 4.2s ease-in-out infinite}
@keyframes m6h-sweep{0%,70%{left:-60%}100%{left:130%}}
.m6h-btn:disabled{opacity:.45;cursor:default}
.m6h-btn:disabled::after{animation:none}
.m6h-foot{border-top:1px solid var(--ln);padding:12px 16px;background:rgba(10,10,10,.6)}
.m6h-burst{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:var(--g3);box-shadow:0 0 6px var(--g2);pointer-events:none}

@media (max-width:480px){.m6h{right:14px;bottom:14px}.m6h-sig{width:62px;height:62px}.m6h-panel{position:fixed;left:16px;right:16px;bottom:94px;width:auto;max-width:none;height:min(70vh,560px);clip-path:circle(0% at calc(100% - 30px) calc(100% + 50px))}.m6h.is-open .m6h-panel{clip-path:circle(170% at calc(100% - 30px) calc(100% + 50px))}.m6h-tag{display:none}}
@media (prefers-reduced-motion:reduce){.m6h *,.m6h *::before,.m6h *::after{animation:none!important;transition:none!important}.m6h-panel{clip-path:none!important}.m6h-msg .w{opacity:1}}
@media print{.m6h{display:none}}