:root{
--ax-blue:#007bff;--ax-darkblue:#0056b3;--ax-bg:#f7f9fc;--ax-border:#d9e3f0;
--ax-font:"Inter",system-ui,-apple-system,sans-serif;--ax-radius:12px;
--ax-shadow:0 4px 20px rgba(0,0,0,.15)
} #ax-widget{position:fixed;bottom:24px;right:24px;z-index:999999;
font-family:var(--ax-font);display:flex;flex-direction:column;gap:10px}
#ax-widget[data-side="left"]{left:24px;right:auto;align-items:flex-start} #ax-toggle,#ax-voice-mini{border:none;border-radius:50%;width:58px;height:58px;
display:flex;align-items:center;justify-content:center;cursor:pointer;
box-shadow:var(--ax-shadow);transition:.25s}
#ax-toggle{background:var(--ax-blue);color:#fff;font-size:26px}
#ax-toggle:hover{background:var(--ax-darkblue);transform:scale(1.07)}
#ax-voice-mini{background:#fff;border:2px solid var(--ax-blue);color:var(--ax-blue);font-size:18px}
#ax-voice-mini.active{background:var(--ax-blue);color:#fff} #ax-panel{position:fixed;top:0;bottom:0;right:0;width:420px;max-width:90vw;background:#fff;
border-left:1px solid var(--ax-border);box-shadow:var(--ax-shadow);
display:flex;flex-direction:column;transform:translateX(110%);opacity:0;transition:.35s;z-index:999998}
#ax-widget[data-side="left"] #ax-panel{left:0;right:auto;transform:translateX(-110%)}
#ax-panel.open{transform:translateX(0);opacity:1}
body.ax-panel-open{overflow-x:hidden!important} #ax-panel-header{background:var(--ax-blue);color:#fff;padding:18px 20px;display:flex;justify-content:space-between;align-items:center}
#ax-panel-header h2{margin:0;font-size:17px;font-weight:600}
#ax-close{background:rgba(255,255,255,.2);color:#fff;border:none;border-radius:6px;font-size:22px;padding:2px 8px;cursor:pointer}
#ax-close:hover{background:rgba(255,255,255,.35)} #ax-actions{display:flex;justify-content:space-between;background:#eff4ff;padding:8px 14px;border-bottom:1px solid var(--ax-border)}
#ax-actions button{background:#fff;border:1px solid var(--ax-border);border-radius:8px;color:var(--ax-blue);font-weight:600;font-size:14px;padding:6px 12px;cursor:pointer;transition:.2s}
#ax-actions button:hover{background:var(--ax-blue);color:#fff} #ax-list{flex:1;overflow-y:auto;padding:14px;background:var(--ax-bg)}
.ax-profile-card{background:#fff;border:1px solid var(--ax-border);border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.05);padding:14px 16px;margin-bottom:14px;transition:.25s}
.ax-profile-card:hover{border-color:var(--ax-blue);box-shadow:0 2px 10px rgba(0,0,0,.1)}
.ax-card-header{display:flex;justify-content:space-between;align-items:center}
.ax-card-title{font-weight:600;font-size:15px;color:#1c2b42}
.ax-card-sub{font-size:13px;color:#6a7b91}
.ax-card-desc{font-size:13px;color:#4b5563;margin-top:4px;line-height:1.5}
.ax-note{font-size:12.5px;color:#4a5568;border-top:1px dashed #d5dbe5;margin-top:6px;padding-top:5px;font-style:italic} .ax-switch{position:relative;width:46px;height:26px}
.ax-switch input{opacity:0;width:0;height:0}
.ax-track{position:absolute;inset:0;background:#cfd7e1;border-radius:999px;transition:.3s}
.ax-thumb{position:absolute;top:3px;left:4px;width:20px;height:20px;background:#fff;border-radius:50%;transition:.3s}
.ax-switch input:checked+.ax-track{background:var(--ax-blue)}
.ax-switch input:checked+.ax-track+.ax-thumb{transform:translateX(20px)} #ax-focus-lens{position:fixed;inset:0;pointer-events:none;z-index:99997;display:none}
.ax-lens-active #ax-focus-lens{display:block}
#ax-focus-lens::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6);
mask-image:linear-gradient(to bottom,black 0%,black calc(var(--lens-top,40%) - 12%),
transparent var(--lens-top,40%),transparent calc(var(--lens-top,40%) + 20%),
black calc(var(--lens-top,40%) + 25%),black 100%);
-webkit-mask-image:linear-gradient(to bottom,black 0%,black calc(var(--lens-top,40%) - 12%),
transparent var(--lens-top,40%),transparent calc(var(--lens-top,40%) + 20%),
black calc(var(--lens-top,40%) + 25%),black 100%)} .ax-no-flash *{animation:none!important;transition:none!important}
.ax-high-contrast{filter:contrast(1.15) brightness(1.1)}
.ax-large-text *{font-size:1.1em!important;line-height:1.6em!important}
.ax-readable *{font-family:"OpenDyslexic",Arial,sans-serif!important;letter-spacing:.4px}
.ax-color-blind{filter:grayscale(.22) sepia(.14) hue-rotate(8deg) saturate(1.05)}
.ax-keyboard-outline *:focus{outline:3px solid #ffcc00!important;outline-offset:3px} @media (max-width:768px){#ax-panel{width:100%;height:100%}}