/* MYCO SOUND FXBAR v1.2 | The Threshold, full-screen cinematic portal */
/* v1.2: Never modify body overflow, scrolling or page positioning. */
#mycofxbar,#mycofxbar *{box-sizing:border-box}
#mycofxbar{--myco-teal:#4ffce0;--myco-purple:#af5dff;--myco-light:#efffff;color:var(--myco-light);font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
#mycofxbar button{font:inherit;cursor:pointer}
#mycofxbar [hidden]{display:none!important}
#mycofxbar .mycofx-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Full-bleed experience: no rectangle, no notice board */
#mycofxbar .mycofx-intro{position:fixed;z-index:2147482500;inset:0;min-height:100svh;display:grid;place-items:center;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:20px 18px;background:radial-gradient(ellipse 66% 50% at 50% 39%,#3c196e 0%,#1c174a 28%,#090c25 62%,#030710 100%);isolation:isolate}
#mycofxbar .mycofx-intro:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.7;background:radial-gradient(ellipse at 9% 74%,#00fdc327,transparent 32%),radial-gradient(ellipse at 93% 68%,#a234f940,transparent 39%),repeating-linear-gradient(0deg,transparent 0 69px,#95eaff04 69px 70px)}
#mycofxbar .mycofx-stars{position:absolute;inset:-15%;pointer-events:none;background-image:radial-gradient(circle,#8bfde8 1px,transparent 2px),radial-gradient(circle,#ba95ff 1.5px,transparent 3px),radial-gradient(circle,#fff4cd 1px,transparent 2px);background-size:89px 99px,147px 157px,199px 167px;background-position:7px 14px,34px 63px,17px 33px;opacity:.6;animation:mycofx-drift 30s linear infinite}
#mycofxbar .mycofx-mist{position:absolute;inset:10% -20% 0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,#00f5ff28 0,transparent 38%),radial-gradient(ellipse at 35% 65%,#bd1de930 0,transparent 48%);filter:blur(22px);animation:mycofx-mist 11s ease-in-out infinite alternate}
#mycofxbar .mycofx-jungle{position:absolute;pointer-events:none;inset:auto 0 0;height:30%;background:linear-gradient(0deg,#030910 0%,#051424e9 50%,transparent 100%)}
#mycofxbar .mycofx-jungle:before,#mycofxbar .mycofx-jungle:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#00140ff5,#0c153855);clip-path:polygon(0% 100%,0 28%,3% 49%,6% 12%,9% 47%,12% 24%,16% 61%,21% 20%,25% 56%,29% 10%,33% 57%,38% 36%,42% 67%,48% 48%,52% 76%,59% 41%,64% 62%,69% 16%,74% 61%,80% 31%,84% 57%,89% 17%,92% 55%,96% 29%,100% 50%,100% 100%)}
#mycofxbar .mycofx-jungle:after{transform:scaleX(-1) translateY(15%);opacity:.45;filter:blur(4px)}
#mycofxbar .mycofx-jungle-back{height:35%;opacity:.4;filter:blur(12px)}
#mycofxbar .mycofx-jungle-front{height:17%;opacity:.7;z-index:2}
#mycofxbar .mycofx-intro-panel{position:relative;z-index:3;width:min(100%,900px);text-align:center;margin:auto;padding:2vh 10px 4vh;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
#mycofxbar .mycofx-eyebrow{font-size:clamp(9px,1.3vw,12px);letter-spacing:.3em;text-transform:uppercase;color:#b5ffe7;font-weight:750;line-height:1.8;text-shadow:0 0 11px #20f3ce}
#mycofxbar .mycofx-discovery{color:#fbdeaa;font-size:clamp(10px,1.3vw,13px);font-weight:750;letter-spacing:.19em;margin:12px 0 9px;text-shadow:0 0 17px #ffdc8b70}

/* A deep dimensional tunnel with multiple orbiting rings */
#mycofxbar .mycofx-portal{position:relative;display:grid;place-items:center;width:clamp(205px,38vmin,370px);height:clamp(205px,38vmin,370px);margin:12px auto 12px;border-radius:50%;isolation:isolate;filter:drop-shadow(0 0 32px #00ffda76);animation:mycofx-breathe 5s ease-in-out infinite}
#mycofxbar .mycofx-portal:before{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid #d1fef9;background:conic-gradient(from 0deg,#3fffe1 0deg,transparent 44deg,#a639ff 100deg,#3fffe1 155deg,transparent 205deg,#36cbff 275deg,#3fffe1 360deg);box-shadow:0 0 15px #36fff6,0 0 60px #6d0bdf9c,inset 0 0 28px #2df9ef;animation:mycofx-turn 11s linear infinite}
#mycofxbar .mycofx-portal:after{content:"";position:absolute;inset:7%;border-radius:50%;border:2px dashed #b6f2ffad;box-shadow:inset 0 0 29px #00ffe8ad,0 0 28px #e76bff87;animation:mycofx-turn 15s linear infinite reverse}
#mycofxbar .mycofx-portal-halo{position:absolute;inset:-10%;border-radius:50%;border:1px solid #ad6dff8a;box-shadow:0 0 30px #9b44ed9c,inset 0 0 37px #00ffc42a;animation:mycofx-turn 21s linear infinite reverse}
#mycofxbar .mycofx-portal-depth{position:absolute;inset:10%;border-radius:50%;overflow:hidden;background:repeating-radial-gradient(circle at 50% 55%,#00ffd11e 0 7px,#17114d 12px,#0b1b3e 28px,#5b279a 35px);box-shadow:inset 0 0 40px #000a,0 0 32px #42ffff5c;animation:mycofx-depth 5.4s ease-in-out infinite alternate}
#mycofxbar .mycofx-portal-inner-ring{position:absolute;inset:25%;border-radius:50%;border:1px solid #d0faff69;box-shadow:0 0 25px #45ffe3d6,inset 0 0 48px #01e9c77a;animation:mycofx-turn 9s linear infinite}
#mycofxbar .mycofx-portal-seal{position:relative;z-index:4;display:flex;align-items:center;gap:6px;font-size:clamp(60px,12vmin,104px);line-height:1;filter:drop-shadow(0 0 19px #aaffeb);animation:mycofx-breathe 3s ease-in-out infinite}
#mycofxbar .mycofx-portal-seal span:first-child,#mycofxbar .mycofx-portal-seal span:last-child{font-size:18px;color:#fbe7b2}
#mycofxbar .mycofx-portal-glyphs{position:absolute;bottom:8%;color:#b7ffee;font-size:12px;letter-spacing:.65em;text-shadow:0 0 15px #73fff0;z-index:5}
#mycofxbar .mycofx-intro h2{margin:0!important;color:#fff9e5!important;font-size:clamp(38px,8.3vw,91px)!important;font-weight:1000!important;letter-spacing:-.07em!important;line-height:1.02!important;text-shadow:0 0 8px #fff8,0 0 24px #bb4cffb8,0 0 80px #08ffff70}
#mycofxbar .mycofx-intro h3{color:#a9ffed!important;font-size:clamp(17px,2.8vw,24px)!important;margin:10px 0 0!important;letter-spacing:.02em!important;font-weight:720!important;text-shadow:0 0 19px #45ffcf7d}
#mycofxbar .mycofx-intro p{max-width:550px;color:#dae2f3!important;font-size:clamp(12px,1.8vw,15px);line-height:1.65;margin:11px auto 23px!important;text-shadow:0 0 8px #050d25}
#mycofxbar .mycofx-enter{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;max-width:100%;min-height:58px;border:1px solid #caffed;border-radius:999px;padding:14px clamp(23px,5vw,52px);background:linear-gradient(115deg,#76ffcb 0%,#5defff 55%,#d0a4ff 100%);color:#08162c;font-size:clamp(12px,1.6vw,16px);font-weight:950;letter-spacing:.1em;box-shadow:0 0 25px #36f8e873,0 0 65px #7428d779;transition:transform .25s,box-shadow .25s}
#mycofxbar .mycofx-enter:before{content:"";position:absolute;left:-60%;top:0;height:100%;width:38%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,#fff9,transparent);animation:mycofx-sheen 4.5s ease-in-out infinite}
#mycofxbar .mycofx-enter:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 38px #29ffdbd4,0 0 95px #a639ff98}
#mycofxbar .mycofx-enter-symbol{font-size:20px}
#mycofxbar .mycofx-enter-caption{font-size:10px;letter-spacing:.18em;color:#b8cbe0;margin-top:16px}
#mycofxbar .mycofx-enter:focus-visible,#mycofxbar .mycofx-controls button:focus-visible{outline:3px solid #fff7b3;outline-offset:4px}
#mycofxbar .mycofx-entry-flash{position:fixed;z-index:6;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 40%,#ccfffac7 0%,#64e7ff55 23%,transparent 67%)}
#mycofxbar .mycofx-unfold{pointer-events:none;animation:mycofx-vanish 1.25s ease-in forwards}
#mycofxbar .mycofx-unfold .mycofx-portal{animation:mycofx-expand 1.08s cubic-bezier(.55,.02,.82,.23) forwards}
#mycofxbar .mycofx-unfold .mycofx-entry-flash{animation:mycofx-flash 1.24s ease-out forwards}

/* Discreet ambient controls: no track titles, pause buttons, or playlist details */
#mycofxbar .mycofx-dock{position:relative;z-index:20;max-width:1170px;margin:7px auto 17px;padding:9px 14px;border:1px solid #4ee2df58;border-radius:999px;background:linear-gradient(108deg,#0b1429,#22103d 60%,#071d23);box-shadow:0 0 17px #9c20dc24;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#mycofxbar .mycofx-dock-head{display:flex;align-items:center;gap:9px;min-width:0}
#mycofxbar .mycofx-dock-head strong{font-size:10px;font-weight:900;color:#c7ffe9;letter-spacing:.12em}
#mycofxbar .mycofx-dock-head small{font-size:9px;letter-spacing:.1em;color:#a8a9d8}
#mycofxbar .mycofx-orb{width:31px;height:31px;flex:0 0 31px;border-radius:50%;background:radial-gradient(circle at 33% 27%,#dafff1,#40d9cb 36%,#5f28af 78%,#12174a);box-shadow:0 0 15px #36ffdb72;animation:mycofx-breathe 4s ease-in-out infinite}
#mycofxbar .mycofx-controls{display:flex;align-items:center;gap:9px}
#mycofxbar .mycofx-controls button{width:36px;height:36px;display:grid;place-items:center;background:#131b37;color:#e0fffe;border:1px solid #5ae5d67d;border-radius:50%;font-size:16px;transition:box-shadow .2s}
#mycofxbar .mycofx-controls button:hover{box-shadow:0 0 15px #6cfbe080}
#mycofxbar .mycofx-controls button[aria-pressed=false]{border-color:#9e8fa1;color:#a1a1aa}
#mycofxbar .mycofx-volume{width:100px;accent-color:#54f1d4;cursor:pointer}
#mycofxbar .mycofx-status{font-size:10px;color:#ffe7ae;flex-basis:100%;text-align:center}
#mycofxbar .mycofx-status:empty{display:none}
@keyframes mycofx-turn{to{transform:rotate(360deg)}}
@keyframes mycofx-drift{to{background-position:180px -110px,-119px 152px,201px -142px}}
@keyframes mycofx-breathe{50%{filter:brightness(1.28) drop-shadow(0 0 10px #60ffe5);transform:scale(1.028)}}
@keyframes mycofx-depth{to{filter:hue-rotate(24deg) brightness(1.5);transform:scale(.92)}}
@keyframes mycofx-mist{to{transform:translateX(6%) scale(1.07);opacity:.65}}
@keyframes mycofx-sheen{0%,45%{left:-60%}70%,100%{left:130%}}
@keyframes mycofx-expand{0%{transform:scale(1);opacity:1}100%{transform:scale(7);opacity:0}}
@keyframes mycofx-flash{0%,35%{opacity:0}57%{opacity:1}100%{opacity:0}}
@keyframes mycofx-vanish{0%,55%{opacity:1}100%{opacity:0}}
@media(max-width:720px){#mycofxbar .mycofx-intro{padding:14px 12px}#mycofxbar .mycofx-intro-panel{padding:8px 2px 20px}#mycofxbar .mycofx-portal{width:clamp(190px,46vmin,290px);height:clamp(190px,46vmin,290px);margin:10px auto}#mycofxbar .mycofx-intro h2{font-size:clamp(34px,9vw,59px)!important}#mycofxbar .mycofx-intro p{max-width:420px}#mycofxbar .mycofx-dock{margin:0 7px 13px;padding:7px 10px}#mycofxbar .mycofx-enter-caption{font-size:9px}}
@media(max-height:690px){#mycofxbar .mycofx-portal{width:clamp(150px,28vh,220px);height:clamp(150px,28vh,220px)}#mycofxbar .mycofx-intro-panel{padding:6px 5px 20px}#mycofxbar .mycofx-intro p{margin-bottom:13px!important}}
@media(prefers-reduced-motion:reduce){#mycofxbar .mycofx-stars,#mycofxbar .mycofx-mist,#mycofxbar .mycofx-portal,#mycofxbar .mycofx-portal:before,#mycofxbar .mycofx-portal:after,#mycofxbar .mycofx-portal-halo,#mycofxbar .mycofx-portal-depth,#mycofxbar .mycofx-portal-inner-ring,#mycofxbar .mycofx-portal-seal,#mycofxbar .mycofx-orb,#mycofxbar .mycofx-enter:before,#mycofxbar .mycofx-unfold,#mycofxbar .mycofx-unfold .mycofx-portal,#mycofxbar .mycofx-unfold .mycofx-entry-flash{animation:none!important}#mycofxbar .mycofx-enter{transition:none}}

/* ===== v1.2 GRAND ENTRANCE + LIVE SIGNAL HEADER ===== */
#mycofxbar .mycofx-intro{background:radial-gradient(ellipse 70% 54% at 50% 40%,#482078 0%,#1c1342 31%,#080b27 62%,#020711 100%)}
#mycofxbar .mycofx-beams{position:absolute;inset:-30%;pointer-events:none;opacity:.5;background:conic-gradient(from -25deg at 50% 51%,transparent 0deg,#31ffda0c 12deg,transparent 26deg,#b553f517 41deg,transparent 58deg,#00d9ff11 92deg,transparent 130deg,#7f3fff23 179deg,transparent 205deg,#00f0ff11 275deg,transparent 315deg);animation:mycofx-turn 60s linear infinite}
#mycofxbar .mycofx-portal{width:clamp(235px,43vmin,430px);height:clamp(235px,43vmin,430px);filter:drop-shadow(0 0 44px #03ffeb9b)}
#mycofxbar .mycofx-portal-depth{inset:8%;background:repeating-radial-gradient(circle at center,#10eac230 0 3px,#090d2d 13px,#431777 26px,#16ddfa33 33px,#050b28 43px);animation:mycofx-depth 3.9s ease-in-out infinite alternate}
#mycofxbar .mycofx-portal-satellite{position:absolute;width:13px;height:13px;border-radius:50%;background:#c6fff6;box-shadow:0 0 15px #55fff4,0 0 28px #ae6aff;z-index:5;pointer-events:none}
#mycofxbar .mycofx-satellite-one{top:4%;left:20%;animation:mycofx-satellite 5s ease-in-out infinite alternate}
#mycofxbar .mycofx-satellite-two{right:4%;bottom:19%;width:8px;height:8px;animation:mycofx-satellite 4s ease-in-out infinite alternate-reverse}
#mycofxbar .mycofx-intro h2{font-size:clamp(38px,7.3vw,86px)!important;letter-spacing:-.075em!important}
#mycofxbar .mycofx-realm-badges{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px;color:#b9fef1;font-size:10px;font-weight:800;letter-spacing:.1em}
#mycofxbar .mycofx-realm-badges span{padding:7px 11px;border-radius:50px;background:#183a4b77;border:1px solid #72ffcf63;box-shadow:0 0 14px #68ffdb1c}
#mycofxbar .mycofx-portal-signal{max-width:650px;display:flex;align-items:center;gap:12px;justify-content:center;margin:15px auto 0;color:#a6cbff;font-size:9px;letter-spacing:.12em}
#mycofxbar .mycofx-portal-signal-line{height:2px;max-width:150px;flex:1;position:relative;overflow:hidden;background:#13c4d843}
#mycofxbar .mycofx-portal-signal-line:after{content:"";position:absolute;inset:0 auto 0 -30%;width:32%;background:#b3fff4;box-shadow:0 0 10px #9affeb;animation:mycofx-signal-trace 2.8s linear infinite}
#mycofxbar .mycofx-dock{display:flex;flex-direction:column;align-items:stretch;gap:8px;max-width:1280px;width:100%;margin:8px auto 16px;padding:14px 20px 12px;border:1px solid #39fff055;border-radius:19px;background:radial-gradient(ellipse at 12% 0%,#402064 0%,transparent 44%),linear-gradient(107deg,#091626,#1c0b39 60%,#091e22);box-shadow:0 12px 34px #0004,inset 0 0 28px #00eade0b;isolation:isolate;overflow:hidden}
#mycofxbar .mycofx-dock:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;opacity:.8;background:linear-gradient(90deg,transparent,#51ffe6,#bd67ff,#49ffee,transparent);pointer-events:none}
#mycofxbar .mycofx-live-head{display:flex;align-items:center;gap:15px;width:100%;min-width:0}
#mycofxbar .mycofx-live-brand{display:flex;align-items:center;gap:11px;margin-right:auto;min-width:0}
#mycofxbar .mycofx-live-brand strong{display:block;color:#f0fffc;font-size:clamp(12px,1.9vw,16px);letter-spacing:.11em;text-shadow:0 0 11px #5bfde573}
#mycofxbar .mycofx-live-brand small{display:block;color:#95ffd8;font-size:9px;letter-spacing:.17em;margin-top:3px}
#mycofxbar .mycofx-orb{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;font-size:19px;color:#fff1bd;box-shadow:0 0 23px #36ffdb72,0 0 43px #8b2efc42}
#mycofxbar .mycofx-pulseband{height:37px;display:flex;align-items:center;justify-content:center;gap:3px;min-width:75px}
#mycofxbar .mycofx-pulseband i{height:27%;width:3px;display:block;border-radius:2px;background:linear-gradient(#bdfdff,#60f6ca,#aa74ff);box-shadow:0 0 6px #64fce3;transform-origin:center;animation:mycofx-pulse .7s ease-in-out infinite alternate;animation-play-state:paused}
#mycofxbar[data-audio-state="playing"] .mycofx-pulseband i{animation-play-state:running}
#mycofxbar .mycofx-pulseband i:nth-child(2n){animation-duration:1.05s;animation-delay:-.34s}
#mycofxbar .mycofx-pulseband i:nth-child(3n){animation-duration:.82s;animation-delay:-.62s}
#mycofxbar .mycofx-pulseband i:nth-child(5n){animation-duration:1.3s;animation-delay:-.77s}
#mycofxbar .mycofx-signal-badge{white-space:nowrap;font-size:9px;letter-spacing:.12em;color:#a8e9dd;padding:7px 9px;border:1px solid #70cbbc4a;border-radius:30px}
#mycofxbar .mycofx-signal-badge i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#66fcca;box-shadow:0 0 9px #66ffd0}
#mycofxbar .mycofx-ticker{width:100%;overflow:hidden;position:relative;border-top:1px solid #80cfe32d;border-bottom:1px solid #80cfe32d;padding:8px 0;color:#bbd7ff;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
#mycofxbar .mycofx-ticker-track{display:flex;width:max-content;animation:mycofx-marquee 35s linear infinite;white-space:nowrap;will-change:transform}
#mycofxbar .mycofx-ticker-track span{display:block;flex:0 0 auto;font-size:11px;font-weight:750;letter-spacing:.13em;padding-right:0;color:#b7f9ee;text-shadow:0 0 9px #70d4e44a}
#mycofxbar .mycofx-controls{align-self:flex-end;position:relative;display:flex;align-items:center}
#mycofxbar .mycofx-status{flex-basis:auto;text-align:left;width:100%}
@keyframes mycofx-pulse{0%{transform:scaleY(.35)}100%{transform:scaleY(1.28)}}
@keyframes mycofx-marquee{to{transform:translateX(-50%)}}
@keyframes mycofx-signal-trace{to{left:130%}}
@keyframes mycofx-satellite{to{transform:translate(15px,-17px) scale(1.5);opacity:.6}}
@media(max-width:720px){#mycofxbar .mycofx-dock{margin:2px auto 12px;padding:12px 12px;border-radius:14px}#mycofxbar .mycofx-live-head{flex-wrap:wrap;gap:8px}#mycofxbar .mycofx-live-brand{min-width:0;flex:1}#mycofxbar .mycofx-signal-badge{display:none}#mycofxbar .mycofx-pulseband{min-width:55px}#mycofxbar .mycofx-portal{width:clamp(200px,46vmin,295px);height:clamp(200px,46vmin,295px)}#mycofxbar .mycofx-realm-badges{gap:5px;margin-top:13px}#mycofxbar .mycofx-realm-badges span{font-size:8px;padding:6px 7px}}
@media(max-height:720px){#mycofxbar .mycofx-realm-badges,#mycofxbar .mycofx-portal-signal{display:none}#mycofxbar .mycofx-portal{width:clamp(175px,28vh,240px);height:clamp(175px,28vh,240px)}}
@media(prefers-reduced-motion:reduce){#mycofxbar .mycofx-beams,#mycofxbar .mycofx-portal-satellite,#mycofxbar .mycofx-pulseband i,#mycofxbar .mycofx-portal-signal-line:after,#mycofxbar .mycofx-ticker-track{animation:none!important}#mycofxbar .mycofx-ticker-track{transform:none!important}}


/* ===================== v1.3 THE GRAND THRESHOLD ===================== */
/* Everything remains inside #mycofxbar. No body overflow or site layout overrides. */
#mycofxbar .mycofx-intro{background:radial-gradient(ellipse 72% 65% at 50% 44%,#551997 0%,#211357 29%,#070b2c 65%,#01030e 100%)}
#mycofxbar .mycofx-intro:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 6px,rgba(61,246,255,.018) 7px 8px);mix-blend-mode:screen;opacity:.48}
#mycofxbar .mycofx-aurora{position:absolute;inset:-25% -10%;pointer-events:none;opacity:.77;background:conic-gradient(from 15deg at 50% 44%,transparent 0 25deg,#9d35e329 34deg,transparent 64deg,#27f9eb38 98deg,transparent 126deg,#f2b66a21 165deg,transparent 201deg,#7043ff29 268deg,transparent 305deg);filter:blur(23px);animation:mycofx-aurora 28s linear infinite}
#mycofxbar .mycofx-arc-sparks{position:absolute;inset:0;pointer-events:none;z-index:2}
#mycofxbar .mycofx-arc-sparks i{position:absolute;top:var(--y,50%);left:var(--x,50%);height:var(--s,6px);width:var(--s,6px);border-radius:50%;background:#e7ffeb;box-shadow:0 0 15px 5px #4fffdbb9,0 0 29px 9px #8534ff5b;animation:mycofx-firefly var(--d,7s) ease-in-out infinite alternate}
#mycofxbar .mycofx-arc-sparks i:nth-child(1){--x:10%;--y:16%;--s:3px;--d:5s}
#mycofxbar .mycofx-arc-sparks i:nth-child(2){--x:88%;--y:25%;--s:5px;--d:8s}
#mycofxbar .mycofx-arc-sparks i:nth-child(3){--x:21%;--y:61%;--s:4px;--d:6s}
#mycofxbar .mycofx-arc-sparks i:nth-child(4){--x:73%;--y:70%;--s:5px;--d:9s}
#mycofxbar .mycofx-arc-sparks i:nth-child(5){--x:38%;--y:10%;--s:3px;--d:7s}
#mycofxbar .mycofx-arc-sparks i:nth-child(6){--x:92%;--y:62%;--s:3px;--d:6s}
#mycofxbar .mycofx-arc-sparks i:nth-child(7){--x:17%;--y:82%;--s:5px;--d:11s}
#mycofxbar .mycofx-arc-sparks i:nth-child(8){--x:65%;--y:8%;--s:4px;--d:8s}
#mycofxbar .mycofx-arc-sparks i:nth-child(9){--x:55%;--y:91%;--s:3px;--d:7s}
#mycofxbar .mycofx-arc-sparks i:nth-child(10){--x:5%;--y:44%;--s:3px;--d:6s}
#mycofxbar .mycofx-arc-sparks i:nth-child(11){--x:96%;--y:86%;--s:4px;--d:9s}
#mycofxbar .mycofx-arc-sparks i:nth-child(12){--x:30%;--y:36%;--s:4px;--d:8s}
#mycofxbar .mycofx-live-dot{display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:50%;margin:0 10px;background:#b5ffe6;box-shadow:0 0 13px 3px #2cffdc;animation:mycofx-signal-blink 2s linear infinite}
#mycofxbar .mycofx-arrival-progress{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px auto 1px;letter-spacing:.18em;font-size:9px;font-weight:850;color:#a4f9df;opacity:.89}
#mycofxbar .mycofx-arrival-progress i{width:clamp(30px,8vw,106px);height:2px;background:linear-gradient(90deg,#22eed7,#df7dff,#22eed7);box-shadow:0 0 13px #40f8e6;animation:mycofx-progress 2.5s ease-in-out infinite}
#mycofxbar .mycofx-portal{width:clamp(235px,43vmin,410px);height:clamp(235px,43vmin,410px);margin:6px auto 7px}
#mycofxbar .mycofx-portal:before{border-width:4px;box-shadow:0 0 22px #30ffec,0 0 90px #ab46feaf,inset 0 0 36px #08d5ff}
#mycofxbar .mycofx-portal-filigree{position:absolute;inset:17%;border-radius:50%;z-index:2;background:conic-gradient(from 45deg,transparent 0 15deg,#46ecf72d 26deg,transparent 43deg,#a275ff48 72deg,transparent 99deg,#27ffd42f 135deg,transparent 168deg,#c878fe36 201deg,transparent 243deg);animation:mycofx-turn 6s linear infinite reverse}
#mycofxbar .mycofx-portal-runes{position:absolute;inset:-1%;z-index:4;pointer-events:none;animation:mycofx-turn 25s linear infinite;filter:drop-shadow(0 0 7px #98ffee)}
#mycofxbar .mycofx-portal-runes span{position:absolute;color:#f9f5c4;font-size:19px}
#mycofxbar .mycofx-portal-runes span:nth-child(1){left:49%;top:-7%}#mycofxbar .mycofx-portal-runes span:nth-child(2){right:-5%;top:25%}#mycofxbar .mycofx-portal-runes span:nth-child(3){right:9%;bottom:6%}#mycofxbar .mycofx-portal-runes span:nth-child(4){left:21%;bottom:-2%}#mycofxbar .mycofx-portal-runes span:nth-child(5){left:-5%;top:36%}#mycofxbar .mycofx-portal-runes span:nth-child(6){left:17%;top:9%}
#mycofxbar .mycofx-intro h2{letter-spacing:-.065em!important;font-size:clamp(37px,7.1vw,85px)!important;line-height:1.04!important}
#mycofxbar .mycofx-intro h3{font-weight:850!important;letter-spacing:.045em!important;text-shadow:0 0 13px #5fffe8}
#mycofxbar .mycofx-discovery{color:#ffe9b7;text-shadow:0 0 18px #ffc77f}
#mycofxbar .mycofx-enter{border:2px solid #e0fff5;background:linear-gradient(120deg,#9dffcf,#4beeff 50%,#d2a0ff);box-shadow:0 0 30px #4afde4ac,0 0 75px #8b44f88c,0 5px 0 #11857755;animation:mycofx-cta-glow 3.5s ease-in-out infinite}
#mycofxbar .mycofx-enter:active{transform:scale(.98)}
#mycofxbar .mycofx-arrival-status{margin:11px auto 2px;font-size:9px;font-weight:850;letter-spacing:.18em;color:#b7fcf1;text-shadow:0 0 10px #00ffde;min-height:16px}
#mycofxbar .mycofx-unfold .mycofx-portal{animation:mycofx-expand 1.35s cubic-bezier(.23,.73,.61,.99) forwards}
#mycofxbar .mycofx-unfold .mycofx-entry-flash{animation:mycofx-flash 1.45s ease-out forwards}
#mycofxbar .mycofx-unfold{animation:mycofx-vanish 1.5s ease-in forwards}
#mycofxbar .mycofx-unfold .mycofx-portal-runes{animation:mycofx-turn 1.1s linear infinite}
#mycofxbar .mycofx-unfold .mycofx-beams{animation:mycofx-turn 2s linear infinite}
@keyframes mycofx-aurora{to{transform:rotate(360deg)}}
@keyframes mycofx-firefly{to{transform:translate(35px,-42px) scale(1.7);opacity:.2}}
@keyframes mycofx-signal-blink{50%{opacity:.25}}
@keyframes mycofx-progress{50%{filter:brightness(2);transform:scaleX(.86)}}
@keyframes mycofx-cta-glow{50%{box-shadow:0 0 44px #4afde4ed,0 0 98px #a96bffa8,0 5px 0 #11857755}}
/* Low-profile variant: its entire footprint stays inline, without fixed overlays. */
#mycofxbar.mycofx-profile-low .mycofx-intro{display:none!important}
#mycofxbar.mycofx-profile-low .mycofx-dock{padding:7px 13px;margin:0 auto 10px;gap:3px;min-height:55px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-radius:13px}
#mycofxbar.mycofx-profile-low .mycofx-live-head{grid-column:1;grid-row:1;gap:9px;flex-wrap:nowrap;min-width:0}
#mycofxbar.mycofx-profile-low .mycofx-live-brand{min-width:0}
#mycofxbar.mycofx-profile-low .mycofx-live-brand strong{font-size:11px;white-space:nowrap}
#mycofxbar.mycofx-profile-low .mycofx-live-brand small{font-size:8px;letter-spacing:.08em}
#mycofxbar.mycofx-profile-low .mycofx-orb{width:28px;height:28px;flex-basis:28px;font-size:12px}
#mycofxbar.mycofx-profile-low .mycofx-pulseband{height:24px;min-width:44px;gap:2px}
#mycofxbar.mycofx-profile-low .mycofx-pulseband i{width:2px}
#mycofxbar.mycofx-profile-low .mycofx-signal-badge{display:none}
#mycofxbar.mycofx-profile-low .mycofx-ticker{grid-column:1;grid-row:2;padding:2px 0;border:none;min-width:0}
#mycofxbar.mycofx-profile-low .mycofx-ticker-track span{font-size:9px;letter-spacing:.09em}
#mycofxbar.mycofx-profile-low .mycofx-controls{grid-column:2;grid-row:1 / span 2;align-self:center;gap:5px}
#mycofxbar.mycofx-profile-low .mycofx-controls button{width:32px;height:32px}
#mycofxbar.mycofx-profile-low .mycofx-volume{width:72px}
#mycofxbar.mycofx-profile-low .mycofx-status{grid-column:1/-1;grid-row:3;font-size:10px}
#mycofxbar .mycofx-mini-entry{grid-column:1/-1;width:100%;display:flex;align-items:center;gap:12px;padding:5px 7px 10px;border-bottom:1px solid #61ffdb33;transition:opacity .4s,transform .4s}
#mycofxbar .mycofx-mini-entry[hidden]{display:none!important}
#mycofxbar .mycofx-mini-entry.mycofx-mini-opening{opacity:0;transform:translateY(-10px);pointer-events:none}
#mycofxbar .mycofx-mini-emblem{display:grid;place-items:center;flex:0 0 38px;height:38px;border:2px solid #a3ffed;border-radius:50%;font-size:22px;background:radial-gradient(#26429b,#190c44);box-shadow:0 0 20px #5bfceba3;animation:mycofx-turn 8s linear infinite}
#mycofxbar .mycofx-mini-copy{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
#mycofxbar .mycofx-mini-copy strong{font-size:12px;letter-spacing:.08em;color:#c6fff4}
#mycofxbar .mycofx-mini-copy small{font-size:10px;color:#aac7dd}
#mycofxbar .mycofx-mini-enter{flex:0 0 auto;padding:9px 15px!important;min-height:36px;border:1px solid #a8fff2;border-radius:40px;background:linear-gradient(100deg,#5df5d8,#9c8af6);color:#091328;font-size:11px;font-weight:900;letter-spacing:.04em;box-shadow:0 0 13px #36ffec5e}
@media(max-width:640px){#mycofxbar .mycofx-arrival-progress{font-size:7px;letter-spacing:.07em;gap:6px}#mycofxbar .mycofx-enter-caption{letter-spacing:.04em}#mycofxbar .mycofx-arrival-status{font-size:8px;letter-spacing:.08em}#mycofxbar.mycofx-profile-low .mycofx-pulseband{display:none}#mycofxbar .mycofx-mini-copy small{font-size:9px}}
@media(max-height:700px){#mycofxbar .mycofx-arrival-progress{display:none}#mycofxbar .mycofx-intro h2{font-size:clamp(29px,6.5vw,65px)!important}#mycofxbar .mycofx-portal{width:clamp(168px,28vh,240px);height:clamp(168px,28vh,240px)}#mycofxbar .mycofx-intro p{display:none}}
@media(prefers-reduced-motion:reduce){#mycofxbar .mycofx-aurora,#mycofxbar .mycofx-arc-sparks i,#mycofxbar .mycofx-portal-runes,#mycofxbar .mycofx-portal-filigree,#mycofxbar .mycofx-live-dot,#mycofxbar .mycofx-arrival-progress i,#mycofxbar .mycofx-enter,#mycofxbar .mycofx-mini-emblem{animation:none!important}}

/* v1.4: unobtrusive, fully isolated sitewide companion control. */
#mycofxbar.mycofx-profile-mini{
 position:fixed!important;z-index:990!important;right:max(12px,env(safe-area-inset-right));
 bottom:max(14px,env(safe-area-inset-bottom));width:auto!important;max-width:calc(100vw - 24px);
 pointer-events:none;margin:0!important;padding:0!important;contain:layout style;
}
#mycofxbar.mycofx-profile-mini .mycofx-intro,
#mycofxbar.mycofx-profile-mini .mycofx-mini-entry,
#mycofxbar.mycofx-profile-mini .mycofx-live-head,
#mycofxbar.mycofx-profile-mini .mycofx-ticker{display:none!important}
#mycofxbar.mycofx-profile-mini .mycofx-dock{
 position:relative!important;display:flex!important;align-items:center;justify-content:center;
 width:auto!important;max-width:100%;min-width:0;min-height:0;margin:0!important;padding:6px 10px!important;
 border:1px solid rgba(70,237,223,.45);border-radius:999px!important;
 background:linear-gradient(130deg,rgba(14,17,37,.96),rgba(34,14,57,.95));
 box-shadow:0 4px 22px #0009,0 0 13px #10b7c83c;overflow:visible;
 pointer-events:auto;flex-direction:row!important;gap:0;
}
#mycofxbar.mycofx-profile-mini .mycofx-dock:before{display:none!important}
#mycofxbar.mycofx-profile-mini .mycofx-controls{display:flex;align-items:center;align-self:auto;gap:6px}
#mycofxbar.mycofx-profile-mini .mycofx-controls button{width:36px;height:36px;flex:none}
#mycofxbar.mycofx-profile-mini .mycofx-volume{width:72px}
#mycofxbar.mycofx-profile-mini .mycofx-status{
 position:absolute;right:0;bottom:calc(100% + 5px);max-width:220px;white-space:normal;
 font-size:11px;line-height:1.35;border-radius:7px;padding:0;
}
#mycofxbar.mycofx-profile-mini .mycofx-status:not(:empty){background:#151329;color:#fff;padding:6px 9px}
@media(max-width:500px){
 #mycofxbar.mycofx-profile-mini{right:8px;bottom:max(8px,env(safe-area-inset-bottom))}
 #mycofxbar.mycofx-profile-mini .mycofx-dock{padding:4px 8px!important}
 #mycofxbar.mycofx-profile-mini .mycofx-volume{width:52px}
}

/* v1.5: show quiet priority state without shifting the site layout */
#mycofxbar[data-primary-audio="active"] .mycofx-orb {opacity:.57;filter:grayscale(.35)}
#mycofxbar[data-primary-audio="active"] .mycofx-pulseband i {animation-play-state:paused!important;opacity:.18}
#mycofxbar .mycofx-status {max-width:100%;overflow-wrap:anywhere}


/* v2.0: Public Next Vibe control, scoped to the FXBAR player only. */
#mycofxbar .mycofx-controls .mycofx-next-vibe{
 width:auto!important;height:34px!important;min-width:92px;padding:0 12px!important;
 display:inline-flex;align-items:center;justify-content:center;gap:5px;
 border-radius:999px!important;font:800 10px/1.1 system-ui,sans-serif!important;
 letter-spacing:.075em;white-space:nowrap;color:#ccffef!important;
 border:1px solid rgba(80,243,217,.65);background:linear-gradient(130deg,#122c39,#271844);
 cursor:pointer;transition:box-shadow .18s,transform .18s;
}
#mycofxbar .mycofx-controls .mycofx-next-vibe:hover{box-shadow:0 0 14px rgba(48,240,202,.5);transform:translateY(-1px)}
#mycofxbar .mycofx-controls .mycofx-next-vibe span:first-child{font-size:19px;line-height:1}
#mycofxbar.mycofx-profile-low .mycofx-controls .mycofx-next-vibe{min-width:85px;padding:0 8px!important}
#mycofxbar.mycofx-profile-mini .mycofx-controls .mycofx-next-vibe{
 min-width:34px!important;width:34px!important;height:34px!important;padding:0!important;
}
#mycofxbar.mycofx-profile-mini .mycofx-next-label{display:none}
@media(max-width:440px){#mycofxbar.mycofx-profile-low .mycofx-next-label{display:none}
#mycofxbar.mycofx-profile-low .mycofx-controls .mycofx-next-vibe{min-width:32px}}