#x2o2-ai-launcher{position:fixed;right:68px;bottom:92px;z-index:2147483646 !important;pointer-events:auto !important;border:0;border-radius:999px;padding:12px 16px;background:var(--main-color,#ff6b00);color:#fff;font-weight:700;box-shadow:0 8px 25px rgba(0,0,0,.35);cursor:pointer}#x2o2-ai-panel{display:none;position:fixed;right:24px;bottom:145px;width:min(420px,calc(100vw - 32px));height:min(620px,calc(100vh - 190px));z-index:2147483647 !important;pointer-events:auto !important;background:#171717;color:#fff;border:1px solid #333;border-radius:16px;box-shadow:0 15px 50px rgba(0,0,0,.5);overflow:hidden}#x2o2-ai-panel.open{display:flex;flex-direction:column}.x2o2-ai-head{padding:14px 16px;border-bottom:1px solid #333;display:flex;justify-content:space-between}.x2o2-ai-messages{flex:1;overflow:auto;padding:14px}.x2o2-ai-msg{margin:8px 0;padding:10px 12px;border-radius:12px;white-space:pre-wrap}.x2o2-ai-user{background:#2b2b2b;margin-left:35px}.x2o2-ai-assistant{background:#202020;margin-right:25px}.x2o2-ai-form{display:flex;gap:8px;padding:10px;border-top:1px solid #333}.x2o2-ai-form input{flex:1;background:#242424;border:1px solid #444;color:#fff;border-radius:9px;padding:10px}.x2o2-ai-form button{border:0;border-radius:9px;padding:0 15px;background:var(--main-color,#ff6b00);color:#fff}.x2o2-ai-close{background:none;border:0;color:#aaa;font-size:20px}

/* Keep X2O2 AI above the fixed music player and its overlays. */
#x2o2-ai-launcher, #x2o2-ai-panel { isolation: isolate; }
#x2o2-ai-launcher { -webkit-tap-highlight-color: transparent; }
.x2o2-ai-welcome{display:block;margin-right:25px;background:#202020}


/* Centered animated identity visual for X2O2 AI chat. */
.x2o2-ai-messages{position:relative;}
.x2o2-ai-visual{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);background:url('../images/x2o2-ai-headphones.gif') center/contain no-repeat;opacity:.78;filter:drop-shadow(0 0 22px rgba(255,107,0,.26));pointer-events:none;z-index:0;}
.x2o2-ai-msg{position:relative;z-index:1;}
.x2o2-ai-assistant{background:rgba(32,32,32,.94);}
.x2o2-ai-user{background:rgba(43,43,43,.96);}
@media (max-width:560px){.x2o2-ai-visual{width:120px;height:120px;opacity:.68;}}

/* X2O2 AI chat - hide native message scrollbar while preserving scrolling. */
.x2o2-ai-messages{
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
}

.x2o2-ai-messages::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
}

.x2o2-ai-messages::-webkit-scrollbar-track,
.x2o2-ai-messages::-webkit-scrollbar-thumb{
    background:transparent;
}