/* CSPLUS.ID v10.9.0 — 3D Tech Mascot Companion. Transform/opacity only motion. */
.cs-mascot-companion{position:fixed;left:24px;bottom:24px;z-index:2147482000;width:112px;height:168px;pointer-events:none;contain:layout style;isolation:isolate}
.cs-mascot-companion[hidden]{display:none!important}
.cs-mascot-shell{position:absolute;inset:0;opacity:0;transform:translate3d(-8px,12px,0) scale(.94);transform-origin:left bottom;transition:opacity .32s ease,transform .32s cubic-bezier(.2,.75,.25,1);pointer-events:none}
.cs-mascot-companion.is-visible:not(.is-suppressed) .cs-mascot-shell{opacity:1;transform:translate3d(0,0,0) scale(1)}
.cs-mascot-companion.is-suppressed .cs-mascot-shell{opacity:0;transform:translate3d(-6px,8px,0) scale(.96);pointer-events:none}
.cs-mascot-trigger{position:absolute;left:0;bottom:0;width:96px;height:150px;margin:0;padding:0;border:0;background:transparent;color:#07111f;cursor:pointer;appearance:none;-webkit-appearance:none;pointer-events:auto;-webkit-tap-highlight-color:transparent}
.cs-mascot-float{position:absolute;inset:0;display:grid;place-items:end center;animation:csMascotFloat1090 5.6s ease-in-out 3;transform:translate3d(0,0,0)}
.cs-mascot-float img{display:block;width:96px;height:144px;object-fit:contain;object-position:center bottom;user-select:none;-webkit-user-drag:none;pointer-events:none;filter:drop-shadow(0 12px 16px rgba(7,17,31,.14))}
.cs-mascot-hint{position:absolute;left:72px;bottom:14px;width:max-content;max-width:130px;padding:7px 10px;border:1px solid rgba(203,213,225,.92);border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(15,23,42,.10);color:#334155;font:800 11px/1.1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;opacity:.96}
.cs-mascot-card{position:absolute;left:0;bottom:calc(100% - 8px);width:min(238px,calc(100vw - 28px));padding:15px;border:1px solid rgba(203,213,225,.92);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 20px 54px rgba(15,23,42,.18);color:#0f172a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;opacity:0;transform:translate3d(0,8px,0) scale(.97);transform-origin:left bottom;transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.cs-mascot-companion.is-expanded .cs-mascot-card{opacity:1;transform:translate3d(0,0,0) scale(1);pointer-events:auto}
.cs-mascot-card p{margin:0 30px 12px 0;color:#475569;font-size:13px;font-weight:750;line-height:1.45}
.cs-mascot-close{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:30px;height:30px;min-width:30px;padding:0;border:0;border-radius:999px;background:#f1f5f9;color:#475569;font:700 20px/1 system-ui,sans-serif;cursor:pointer}
.cs-mascot-cta{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 13px;border-radius:14px;background:#07111f;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:950;line-height:1.2;box-shadow:0 10px 24px rgba(7,17,31,.16)}
.cs-mascot-trigger:focus-visible,.cs-mascot-close:focus-visible,.cs-mascot-cta:focus-visible{outline:3px solid rgba(6,182,212,.32);outline-offset:3px}
@keyframes csMascotFloat1090{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-4px,0)}}
@media(max-width:768px){.cs-mascot-companion{left:14px;bottom:calc(108px + env(safe-area-inset-bottom,0px));width:96px;height:148px}.cs-mascot-trigger{width:84px;height:132px}.cs-mascot-float img{width:84px;height:126px}.cs-mascot-hint{left:62px;bottom:10px;font-size:10px;padding:6px 8px;max-width:112px}.cs-mascot-card{width:min(224px,calc(100vw - 28px));padding:14px;border-radius:18px}}
@media(max-width:370px){.cs-mascot-companion{left:10px;bottom:calc(104px + env(safe-area-inset-bottom,0px));width:86px;height:134px}.cs-mascot-trigger{width:76px;height:120px}.cs-mascot-float img{width:76px;height:114px}.cs-mascot-hint{display:none}.cs-mascot-card{width:min(214px,calc(100vw - 20px))}}
@media(min-width:769px){.cs-mascot-float{animation-iteration-count:infinite}}
@media(prefers-reduced-motion:reduce){.cs-mascot-shell,.cs-mascot-card,.cs-mascot-float{animation:none!important;transition:none!important;transform:none!important}}