/* PendoMatch final UI polish — intentionally additive to avoid regressing working modules */
:root{
 --pm-radius:14px;--pm-radius-lg:20px;--pm-shadow:0 10px 28px rgba(31,29,43,.07);
 --pm-shadow-hover:0 15px 35px rgba(31,29,43,.11);--pm-touch:44px;
}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{overflow-x:hidden}
img{max-width:100%}
button,a,input,select,textarea{font-family:inherit}
button,.btn,[role=button]{min-height:var(--pm-touch)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
 outline:3px solid rgba(233,64,87,.20);outline-offset:2px
}
.card{border-radius:var(--pm-radius);box-shadow:var(--pm-shadow)}
.btn{border-radius:11px;font-size:11px;font-weight:850;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
input,select,textarea{font-size:16px!important}
textarea{resize:vertical}
.pm-page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:15px}
.pm-page-intro h1{font-size:23px;line-height:1.12;margin:3px 0}
.pm-page-intro p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}
.pm-skeleton{position:relative;overflow:hidden;background:#f2f1f4}
.pm-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:pmShimmer 1.3s infinite}
@keyframes pmShimmer{100%{transform:translateX(100%)}}
.pm-toast{position:fixed;right:18px;bottom:18px;z-index:9999;max-width:330px;padding:11px 13px;border-radius:12px;background:#1f1f1f;color:#fff;font-size:10px;box-shadow:0 12px 32px rgba(0,0,0,.18);animation:pmToastIn .2s ease}
@keyframes pmToastIn{from{opacity:0;transform:translateY(8px)}}
.pm-network-status{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:10000;background:#2e2d36;color:#fff;padding:5px 11px;border-radius:0 0 9px 9px;font-size:9px;font-weight:800}
.pm-network-status.online{background:#21854d}
.pm-safe-area{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:700px){
 body{padding-bottom:env(safe-area-inset-bottom)}
 .card{border-radius:13px}
 .pm-page-intro{align-items:flex-start;flex-direction:column}
 .pm-page-intro h1{font-size:20px}
  .pm-toast{left:12px;right:12px;bottom:82px;max-width:none}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}