#compie-widget{--compie-bottom:120px;--compie-right:24px}.compie-trigger{align-items:center;background:#fff;border:3px solid #e63946;border-radius:50%;bottom:var(--compie-bottom);box-shadow:0 4px 20px rgba(230,57,70,.3),0 2px 8px rgba(0,0,0,.1);cursor:pointer;display:flex;height:64px;justify-content:center;overflow:visible;padding:0;position:fixed;right:var(--compie-right);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,opacity .3s ease;width:64px;z-index:999998}.compie-trigger:hover{box-shadow:0 6px 28px rgba(230,57,70,.4),0 4px 12px rgba(0,0,0,.15);transform:scale(1.1)}.compie-trigger:active{transform:scale(.95)}.compie-trigger.hidden{opacity:0;pointer-events:none;transform:scale(.5)}.compie-trigger-img{border-radius:50%;height:56px;object-fit:cover;width:56px}.compie-trigger-fallback{align-items:center;background:#fde8ea;border-radius:50%;color:#e63946;display:flex;font-family:Segoe UI,system-ui,sans-serif;font-size:28px;font-weight:800;height:56px;justify-content:center;width:56px}.compie-trigger-pulse{animation:compiePulse 3s ease-in-out infinite;border:2px solid #e63946;border-radius:50%;bottom:-3px;left:-3px;pointer-events:none;position:absolute;right:-3px;top:-3px}@keyframes compiePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.15)}}.compie-trigger.seen .compie-trigger-pulse{animation:none;opacity:0}.compie-trigger-tooltip{background:#1b365d;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.15);color:#fff;font-family:Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:600;opacity:0;padding:8px 14px;pointer-events:none;position:absolute;right:76px;top:50%;transform:translateY(-50%);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.compie-trigger-tooltip:after{border:6px solid transparent;border-left-color:#1b365d;content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%)}.compie-trigger:hover .compie-trigger-tooltip{opacity:1;transform:translateY(-50%) translateX(-4px)}.compie-panel{background:#fff;border-radius:16px;bottom:var(--compie-bottom);box-shadow:0 8px 40px rgba(27,54,93,.25),0 2px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;height:640px;max-height:calc(100vh - var(--compie-bottom) - 20px);max-width:calc(100vw - 32px);opacity:0;overflow:hidden;pointer-events:none;position:fixed;right:var(--compie-right);transform:translateY(20px) scale(.95);transform-origin:bottom right;transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1);width:420px;z-index:999999}.compie-panel.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.compie-panel-header{align-items:center;background:#1b365d;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.compie-panel-header-left{align-items:center;display:flex;gap:10px}.compie-panel-avatar{border:2px solid #e63946;border-radius:50%;height:32px;object-fit:cover;width:32px}.compie-panel-title{display:flex;flex-direction:column}.compie-panel-name{font-family:Segoe UI,system-ui,sans-serif;font-size:15px;font-weight:700;letter-spacing:.3px}.compie-panel-subtitle{font-family:Segoe UI,system-ui,sans-serif;font-size:11px;opacity:.7}.compie-panel-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.compie-panel-close:hover{background:hsla(0,0%,100%,.15)}.compie-panel-body{background:#f5f5f5;flex:1;position:relative}.compie-iframe{border:none;height:100%;width:100%}.compie-panel-loader{align-items:center;background:#fff;bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}.compie-loader-avatar{animation:compieLoaderBounce 1.5s ease-in-out infinite;border:3px solid #e63946;border-radius:50%;height:80px;object-fit:cover;width:80px}@keyframes compieLoaderBounce{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.compie-loader-dots{display:flex;gap:6px}.compie-loader-dots span{animation:compieLoaderDot 1.2s ease-in-out infinite;background:#e63946;border-radius:50%;height:8px;width:8px}.compie-loader-dots span:nth-child(2){animation-delay:.15s}.compie-loader-dots span:nth-child(3){animation-delay:.3s}@keyframes compieLoaderDot{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.compie-loader-text{color:#888;font-family:Segoe UI,system-ui,sans-serif;font-size:13px;font-style:italic}@media (max-width:500px){.compie-trigger{bottom:80px;height:56px;right:16px;width:56px}.compie-trigger-img{height:48px;width:48px}.compie-trigger-tooltip{display:none}.compie-panel{border-radius:16px 16px 0 0;bottom:0;height:calc(100vh - 20px);left:0;max-height:100vh;max-width:100vw;width:100vw}}@media print{#compie-widget{display:none!important}}