/* One launcher for the shared JAI chat and voice panel. */
.ai-fabs.jai-widget{position:fixed;right:24px;bottom:24px;z-index:9000;display:flex;flex-direction:row;gap:0}
.jai-launcher{display:flex;align-items:center;gap:24px;border:0;background:transparent;color:#fff;cursor:pointer;padding:10px 9px 10px 0;font-family:Inter,system-ui,sans-serif;text-align:left;isolation:isolate}
.jai-callout{position:relative;display:flex;flex-direction:column;justify-content:center;gap:7px;width:225px;height:84px;padding:16px 23px;border:1.5px solid #bd83ff;border-radius:25px;background:linear-gradient(125deg,#10102bec,#080e20ed 65%,#1b1042e8);box-shadow:inset 0 2px 3px #e3c4ff77,inset 0 -2px 10px #a15cf22b,0 0 15px #974df14a,0 8px 30px #0006;transition:box-shadow .25s,border-color .25s}
.jai-callout::after{content:'';position:absolute;right:-9px;top:calc(50% - 9px);width:16px;height:16px;transform:rotate(45deg);border-top:1.5px solid #c48aff;border-right:1.5px solid #c48aff;background:#171031;box-shadow:3px -3px 5px #8a4be738}
.jai-callout strong{font:750 21px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.5px;color:#fcfbff}.jai-callout>span{font:450 14px/1.3 Inter,system-ui,sans-serif;color:#b7b9ec;white-space:nowrap}
.jai-emblem{position:relative;display:grid;place-items:center;width:82px;height:82px;flex:none;border:2px solid #e5caff;border-radius:50%;background:radial-gradient(circle,#0a051d 37%,#230d49 70%,#7947d63b);box-shadow:0 0 5px #fff7,inset 0 0 14px #9552ff99,0 0 17px #953fff,0 0 40px #6930ff55;transition:box-shadow .25s;animation:jaiGlow 5s ease-in-out infinite}
.jai-emblem::before{content:'';position:absolute;inset:-10px;border:1px solid #7941e49c;border-radius:50%;box-shadow:0 0 0 8px #6330c00e,0 0 0 18px #6330c008;pointer-events:none}
.jai-emblem::after{content:'';position:absolute;inset:7px;border:1px solid #a564ffab;border-radius:50%;box-shadow:inset 0 0 8px #a568ff3b;pointer-events:none}
.jai-logo{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);border-radius:50%;pointer-events:none}
.jai-logo-fallback{font:italic 900 23px/1 Inter,sans-serif;letter-spacing:-2px;background:linear-gradient(120deg,#faf0ff,#bf77ff 58%,#783ee4);background-clip:text;color:transparent;filter:drop-shadow(0 0 6px #ad61ff88)}.webgl-ready .jai-logo-fallback{display:none}
.jai-launcher:hover .jai-callout{border-color:#e7c8ff;box-shadow:inset 0 2px 4px #f1d6ff88,0 0 24px #954af07a,0 10px 30px #0006}.jai-launcher:hover .jai-emblem{box-shadow:0 0 7px #fff8,inset 0 0 17px #a769ff99,0 0 24px #a252ff,0 0 48px #8739ff70}
.jai-launcher:focus-visible{outline:2px solid #e1b5ff;outline-offset:9px;border-radius:26px}
@keyframes jaiGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.14)}}
.ai-panel{background:linear-gradient(140deg,#17102b,#0b0d20);border-color:#9a68d773;box-shadow:0 25px 80px #0009,0 0 35px #8c42f337;height:590px;max-height:calc(100svh - 40px)}
.jai-head-logo{font:italic 900 13px/1 Inter,sans-serif;letter-spacing:-1px;color:#f7eaff;border:1px solid #d6abffa1;box-shadow:inset 0 0 12px #9133e133,0 0 10px #8c49dc55;background:radial-gradient(circle,#2b1150,#100721)}
.ai-modes{position:relative;z-index:3;display:flex;gap:8px;padding:10px 14px;background:#110d22;border-bottom:1px solid #8953c533;flex:none}
.ai-modes button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border:1px solid #7a52a455;border-radius:10px;padding:8px 12px;font:550 12px/1.3 Inter,sans-serif;cursor:pointer;background:#1b142f;color:#b9aecf}.ai-modes button.is-active{border-color:#b17aff;color:#fff;background:linear-gradient(125deg,#8134d853,#4a1c864d)}.ai-modes button:disabled{opacity:.45;cursor:default}
.ai-composer input{min-width:0}.ai-icon-btn:disabled{opacity:.5;cursor:wait}.ai-voice{top:116px;gap:20px}.ai-orb{display:grid;place-items:center;border:1px solid #d7adff;cursor:pointer;font:italic 900 38px/1 Inter,sans-serif;letter-spacing:-3px;color:#f6e6ff;outline-offset:9px}.ai-voice__transcript{overflow:auto;max-height:95px}.ai-voice__status{line-height:1.5;max-width:300px}.ai-voice__btn[aria-pressed=true]{background:#50172e}
@media(max-width:640px){.ai-fabs.jai-widget{right:15px;bottom:17px}.jai-launcher{gap:18px;padding:7px 8px 7px 0}.jai-callout{width:180px;height:67px;padding:13px 16px;border-radius:20px;gap:5px}.jai-callout strong{font-size:17px}.jai-callout>span{font-size:12px}.jai-emblem{width:65px;height:65px}.jai-emblem::before{inset:-7px;box-shadow:0 0 0 7px #6330c00e}.jai-emblem::after{inset:5px}.jai-logo{inset:4px;width:calc(100% - 8px);height:calc(100% - 8px)}.jai-logo-fallback{font-size:20px}.ai-panel{height:min(590px,calc(100svh - 24px));max-height:calc(100svh - 24px);bottom:12px;right:12px}.ai-msg{font-size:13px}.ai-composer{gap:6px}.ai-composer input{font-size:13px;padding:11px 12px}.ai-icon-btn{width:36px;height:36px}.ai-voice{padding:20px}.ai-orb{width:105px;height:105px}}
@media(max-width:360px){.jai-callout{width:166px;height:63px;padding:12px 14px}.jai-callout strong{font-size:16px}.jai-callout>span{font-size:11px}.jai-emblem{width:58px;height:58px}.jai-launcher{gap:17px}.jai-emblem::after{inset:4px}.jai-logo-fallback{font-size:18px}.ai-head{padding:12px}.ai-head__status{font-size:10px}}
@media(max-height:500px){.ai-voice{gap:10px;padding:10px}.ai-orb{width:62px;height:62px;font-size:25px}.ai-voice__hint{display:none}.ai-voice__ctrls .ai-voice__btn{width:38px;height:38px}.ai-voice__transcript{max-height:30px}.ai-head{padding:8px 14px}.ai-voice{top:102px}}
@media(prefers-reduced-motion:reduce){.jai-emblem{animation:none}.ai-orb.is-thinking{animation:none}}
/* Opening view: navigation to the five existing ways to work with Javi. */
.ai-panel{width:420px;bottom:135px;max-height:calc(100svh - 153px);border:1px solid #a15fff;border-radius:22px;background:linear-gradient(130deg,#0d142b,#0a1020 50%,#140b2c);box-shadow:inset 0 1px 2px #d6aaff45,0 0 24px #7939dd38,0 20px 60px #0009}
.ai-panel.is-menu{height:auto}
.ai-panel .ai-head{flex:none;min-height:85px;padding:17px 18px;gap:13px;background:transparent;border-bottom:0}
.ai-panel .ai-head__title{font:700 21px/1.25 Inter,sans-serif}.ai-panel .ai-head__status{font:450 12px/1.5 Inter,sans-serif;color:#b1aeda;margin-top:3px}
.ai-panel .ai-head__close{width:36px;height:36px;flex:none;border:1px solid #65539f66;border-radius:50%;background:#17122d66;font-size:25px;color:#e3daf4}
.jai-panel-emblem{position:relative;width:43px;height:43px;flex:none;overflow:visible;border:1.5px solid #c98aff;background:radial-gradient(circle,#12082a,#230d40);box-shadow:0 0 7px #b05cff77,inset 0 0 10px #7829c34d}
.jai-panel-emblem::before{content:'';position:absolute;inset:-5px;border:1px solid #7643bb99;border-radius:50%;pointer-events:none}
.jai-panel-emblem .jai-logo-fallback{font-size:15px;letter-spacing:-1px}
.ai-panel.is-menu .jai-panel-emblem{width:55px;height:55px}.ai-panel.is-menu .jai-logo-fallback{font-size:19px}
.ai-head__back{display:grid;place-items:center;width:27px;height:29px;flex:none;background:#29163f55;color:#c5a2ec;border:1px solid #74429e77;border-radius:8px;cursor:pointer}.ai-head__back[hidden]{display:none}
.jai-menu{padding:0 18px 19px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#70439f transparent}.jai-menu[hidden]{display:none}
.jai-menu-option{display:flex;align-items:center;gap:13px;flex:none;min-height:57px;padding:12px 14px;border:1px solid #6f599c70;border-radius:12px;background:linear-gradient(110deg,#111c32bb,#15132bbf);box-shadow:inset 0 1px 0 #9c87ff0b;color:#eeedf9;text-align:left;cursor:pointer;font:550 14px/1.35 Inter,sans-serif;transition:border-color .2s,background .2s,box-shadow .2s}
.jai-menu-option:hover{border-color:#b672ff;background:linear-gradient(110deg,#302050b3,#251437);box-shadow:0 0 13px #6d32c329}
.jai-menu-icon{display:grid;place-items:center;width:34px;height:32px;flex:none;color:#b570ff;font-size:23px;text-shadow:0 0 13px #9c46f94f}.jai-menu-option>i:last-child{margin-left:auto;font-size:12px;color:#b6a1df;flex:none}.jai-menu-option:disabled{opacity:.5;cursor:default}
.ai-panel.is-menu .ai-modes,.ai-panel.is-menu .ai-msgs,.ai-panel.is-menu .ai-quick,.ai-panel.is-menu .ai-composer,.ai-panel.is-menu .ai-voice{display:none!important}
.ai-panel .ai-voice{top:132px}.is-panel-open .jai-callout{display:none}.is-panel-open .jai-launcher{padding-left:9px;gap:0}
@media(max-width:640px){.ai-panel{width:calc(100vw - 24px);bottom:109px;max-height:calc(100svh - 125px);height:min(590px,calc(100svh - 125px))}.ai-panel.is-menu{height:auto}.ai-panel .ai-head{padding:16px;gap:11px}.ai-panel .ai-head__title{font-size:20px}.ai-panel .ai-head__status{font-size:12px}.jai-menu{padding:0 16px 17px;gap:10px}.jai-menu-option{min-height:57px;padding:12px 12px;font-size:13px;gap:11px}.jai-menu-icon{width:31px;font-size:22px}.ai-panel .ai-voice{top:133px}}
@media(max-width:360px){.ai-panel{bottom:101px;max-height:calc(100svh - 117px)}.ai-panel .ai-head{padding:14px 12px;gap:9px}.ai-panel .ai-head__status{font-size:11px}.jai-menu{padding:0 12px 15px}.jai-menu-option{font-size:12px;gap:9px;padding:11px 10px}.jai-menu-icon{width:28px;font-size:21px}.ai-panel.is-menu .jai-panel-emblem{width:48px;height:48px}.ai-panel .ai-head__close{width:32px;height:32px}.jai-panel-emblem{width:35px;height:35px}}
@media(max-height:500px){.ai-panel{bottom:135px;max-height:calc(100svh - 153px)}.ai-panel .ai-head{min-height:68px;padding:11px 14px}.ai-panel.is-menu .jai-panel-emblem{width:43px;height:43px}.jai-menu-option{min-height:50px}.ai-panel .ai-voice{top:115px}.ai-voice__status{font-size:13px}.ai-voice__transcript{display:none}}
.ai-fabs.jai-widget{opacity:1;visibility:visible;transition:opacity .32s ease,visibility 0s}
.ai-panel{transition:transform .3s ease,opacity .32s ease,visibility 0s}
.ai-fabs.jai-widget.is-footer-hidden,.ai-panel.is-footer-hidden{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:opacity .32s ease,visibility 0s .32s}
@media(prefers-reduced-motion:reduce){.ai-fabs.jai-widget,.ai-panel,.ai-fabs.jai-widget.is-footer-hidden,.ai-panel.is-footer-hidden{transition:none}}
.jai-widget .jai-callout strong{font-size:18px;white-space:nowrap}
@media(max-width:640px){.jai-widget .jai-callout strong{font-size:15px}}
@media(max-width:360px){.jai-widget .jai-callout strong{font-size:14px}}