.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.maty{position:fixed;right:24px;bottom:20px;z-index:1200;font-family:Manrope,sans-serif;color:#111827}
.maty-launcher{position:relative;width:126px;height:112px;padding:0;border:0;border-radius:56px;background:#fff;box-shadow:0 14px 35px rgba(26,31,61,.18);cursor:pointer}
.maty-launcher img{position:absolute;left:5px;bottom:0;width:112px;height:112px;object-fit:cover;border-radius:50%;transition:transform .25s ease}
.maty-launcher:hover img{transform:translateY(-5px)}
.maty-logo{position:absolute;right:0;bottom:2px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border:3px solid #fff;border-radius:50%;color:#fff;font-weight:800;background:linear-gradient(135deg,#2f80ff,#8c45e8);box-shadow:0 8px 20px rgba(73,68,190,.3)}
.maty-bubble{position:absolute;right:108px;bottom:74px;width:175px;padding:13px 34px 13px 16px;border:0;border-radius:16px 16px 4px 16px;background:#fff;color:#111827;text-align:left;font:600 14px/1.35 Manrope,sans-serif;box-shadow:0 12px 35px rgba(31,41,55,.16);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;cursor:pointer}
.maty-bubble b{position:absolute;right:10px;top:8px;font-size:18px;color:#6b7280}
.maty--bubble .maty-bubble{opacity:1;visibility:visible;transform:none}
.maty-panel{position:absolute;right:0;bottom:125px;width:380px;max-height:min(650px,calc(100vh - 170px));overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(17,24,39,.25);animation:maty-in .22s ease}
.maty-panel header{height:72px;padding:0 16px;display:flex;align-items:center;gap:11px;color:#fff;background:linear-gradient(135deg,#267ff5,#8b45e7)}
.maty-panel header img{width:48px;height:48px;border:2px solid rgba(255,255,255,.7);border-radius:50%;object-fit:cover}
.maty-panel header div{display:flex;flex-direction:column;flex:1}
.maty-panel header strong{font-size:17px}
.maty-panel header span{font-size:12px;opacity:.84}
.maty-close{width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer;border-radius:50%}
.maty-close:hover{background:rgba(255,255,255,.14)}
.maty-body{padding:20px;max-height:calc(min(650px,100vh - 170px) - 72px);overflow:auto}
.maty-message{padding:14px 16px;margin-bottom:14px;border-radius:16px 16px 16px 4px;background:#f3f5fb;font-size:14px;line-height:1.5}
.maty-message strong{display:block;margin-bottom:6px}
.maty-message p{margin:0 0 6px}
.maty-message p:last-child{margin:0;font-weight:600}
.maty-options{display:grid;gap:8px}
.maty-options button{min-height:46px;padding:10px 14px;border:0;border-radius:12px;background:#f7f8fc;color:#111827;text-align:left;font:600 14px Manrope,sans-serif;cursor:pointer;transition:.18s}
.maty-options button:hover,.maty-options button:focus-visible{background:#ecebff;transform:translateX(3px)}
.maty-back{min-height:40px;margin:-8px 0 7px;padding:0;border:0;background:none;color:#6555d9;font:600 13px Manrope;cursor:pointer}
.maty-label textarea{display:block;width:100%;min-height:125px;resize:vertical}
.maty input,.maty textarea{box-sizing:border-box;width:100%;padding:12px 13px;border:1px solid #dce1ec;border-radius:11px;background:#fff;color:#111827;font:14px Manrope;outline:none}
.maty input:focus,.maty textarea:focus{border-color:#6958df;box-shadow:0 0 0 3px rgba(105,88,223,.12)}
.maty-primary{width:100%;min-height:46px;margin-top:12px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#2f80ff,#804ce7);font:700 14px Manrope;cursor:pointer}
.maty-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.maty-form label{font-size:12px;font-weight:600;color:#4b5563}
.maty-form label:first-child{grid-column:1/-1}
.maty-form label input{margin-top:5px}
.maty-form-error{grid-column:1/-1;margin:0;color:#c0392b;font-size:12px}
.maty-privacy{grid-column:1/-1;margin:2px 0 0;font-size:10px;line-height:1.4;color:#6b7280}
.maty-privacy a{color:#5545c9}
.maty-form .maty-primary{grid-column:1/-1}
.maty-hp{position:absolute!important;left:-10000px!important}
.maty-status{text-align:center;padding:22px 8px}
.maty-status img{width:120px;height:120px;border-radius:50%;object-fit:cover}
.maty-status h3{margin:12px 0 8px}
.maty-status p{font-size:14px;line-height:1.55;color:#4b5563}
.maty-direct{display:inline-block;margin-top:14px;color:#5545c9;font-size:13px;font-weight:700}
.maty-spinner{display:inline-block;width:34px;height:34px;border:3px solid #ddd;border-top-color:#7653e1;border-radius:50%;animation:maty-spin .8s linear infinite}
@keyframes maty-spin{to{transform:rotate(1turn)}
}
@keyframes maty-in{from{opacity:0;transform:translateY(12px)}
to{opacity:1;transform:none}
}
@media(max-width:600px){.maty{right:12px;bottom:12px}
.maty-launcher{width:91px;height:80px}
.maty-launcher img{width:80px;height:80px}
.maty-logo{width:36px;height:36px}
.maty-bubble{right:78px;bottom:52px}
.maty-panel{position:fixed;left:12px;right:12px;bottom:104px;width:auto;max-height:calc(100vh - 124px)}
.maty-body{max-height:calc(100vh - 196px);padding:16px}
}
@media(prefers-reduced-motion:reduce){.maty *{animation:none!important;transition:none!important}
}
