.xb-controls[data-astro-cid-ey33citx]{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:20px;display:flex}.xb-modes[data-astro-cid-ey33citx]{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;gap:6px;padding:5px;display:inline-flex}.xb-mode[data-astro-cid-ey33citx]{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:10px 18px;font-size:14px;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.xb-mode[data-astro-cid-ey33citx]:hover{color:var(--text)}.xb-mode[data-astro-cid-ey33citx].is-on{border-color:var(--accent-bright);color:var(--accent-bright);background:#5eead421}.xb-insts[data-astro-cid-ey33citx]{flex-wrap:wrap;gap:8px;display:flex}.xb-inst[data-astro-cid-ey33citx]{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.xb-inst[data-astro-cid-ey33citx]:hover{color:var(--text)}.xb-inst[data-astro-cid-ey33citx].is-on{border-color:var(--accent-bright);color:var(--accent-bright);background:#5eead421}.xb-board[data-astro-cid-ey33citx]{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:24px;justify-content:center;align-items:center;gap:10px;height:clamp(300px,44vh,420px);padding:20px 16px;display:flex}.xylo-bar[data-astro-cid-ey33citx]{cursor:pointer;min-width:0;max-width:104px;font:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:4px solid #ffffff4d;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;padding:0;transition:transform .1s;display:flex;position:relative;box-shadow:0 10px 20px #00000029,inset 0 -5px 15px #0000001f}.xylo-bar[data-astro-cid-ey33citx]:active,.xylo-bar[data-astro-cid-ey33citx].xb-pressed{transform:scale(.95)translateY(10px)}.xylo-lab[data-astro-cid-ey33citx]{color:#fff;opacity:.85;text-shadow:0 1px 3px #00000059;pointer-events:none;user-select:none;font-size:clamp(1.05rem,3vw,1.5rem);font-weight:800}.xylo-bar[data-astro-cid-ey33citx]:after{content:"";pointer-events:none;background:#fff6;border-radius:50%;width:16%;min-width:10px;height:20%;min-height:10px;position:absolute;top:10%;left:15%}.bar-0[data-astro-cid-ey33citx]{background:#ff5f5f;height:100%}.bar-1[data-astro-cid-ey33citx]{background:#ffbd5f;height:93%}.bar-2[data-astro-cid-ey33citx]{background:#fff25f;height:86%}.bar-3[data-astro-cid-ey33citx]{background:#5fff7d;height:79%}.bar-4[data-astro-cid-ey33citx]{background:#5fafff;height:72%}.bar-5[data-astro-cid-ey33citx]{background:#7d5fff;height:65%}.bar-6[data-astro-cid-ey33citx]{background:#ff5fff;height:58%}.xb-ripple[data-astro-cid-ey33citx]{opacity:.9;pointer-events:none;background:#ffffff80;border-radius:50%;animation:.6s linear forwards xb-ripple;position:absolute;transform:scale(0)}@keyframes xb-ripple{to{opacity:0;transform:scale(4)}}.xb-bubbles[data-astro-cid-ey33citx]{background:var(--surface-2);border:1px solid var(--border-soft);touch-action:manipulation;border-radius:24px;height:clamp(320px,46vh,440px);position:relative;overflow:hidden}.xb-bubble[data-astro-cid-ey33citx]{cursor:pointer;-webkit-user-select:none;user-select:none;width:clamp(72px,17vw,104px);height:clamp(72px,17vw,104px);animation:xb-rise var(--rise-dur,12s) linear var(--rise-delay,0s) infinite, xb-wobble var(--wob-dur,3s) ease-in-out infinite;border:none;border-radius:50%;padding:0;position:absolute;box-shadow:0 10px 25px #00000038,inset 0 -5px 15px #00000024}.xb-bubble[data-astro-cid-ey33citx]:after{content:"";pointer-events:none;background:#fff6;border-radius:50%;width:25%;height:25%;position:absolute;top:14%;left:18%}.xb-bubble[data-astro-cid-ey33citx].xb-pop{animation:.3s ease-out forwards xb-pop}@keyframes xb-rise{0%{top:115%}to{top:-35%}}@keyframes xb-wobble{0%,to{transform:translateX(calc(-1 * var(--wob-amp,3px)))}50%{transform:translateX(var(--wob-amp,3px))}}@keyframes xb-pop{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.4)}to{opacity:0;transform:scale(2)}}.xb-ring[data-astro-cid-ey33citx]{opacity:.8;pointer-events:none;border:4px solid #fff;border-radius:50%;width:20px;height:20px;animation:.6s ease-out forwards xb-ring-out;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes xb-ring-out{to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(9)}}.xb-hidden[data-astro-cid-ey33citx]{display:none!important}.xb-mode[data-astro-cid-ey33citx]:focus-visible,.xb-inst[data-astro-cid-ey33citx]:focus-visible,.xylo-bar[data-astro-cid-ey33citx]:focus-visible,.xb-bubble[data-astro-cid-ey33citx]:focus-visible{outline:3px solid var(--accent-bright);outline-offset:3px}@media (width<=600px){.xb-board[data-astro-cid-ey33citx]{gap:6px;padding:16px 10px}.xb-mode[data-astro-cid-ey33citx]{padding:10px 14px}}@media (prefers-reduced-motion:reduce){.xb-mode[data-astro-cid-ey33citx],.xb-inst[data-astro-cid-ey33citx],.xylo-bar[data-astro-cid-ey33citx],.xb-bubble[data-astro-cid-ey33citx],.xb-ripple[data-astro-cid-ey33citx],.xb-ring[data-astro-cid-ey33citx]{transition:none!important;animation:none!important}}