:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-gradient:none;--inner-gradient:none;--card-radius:30px}.pc-card-wrapper{perspective:500px;position:relative;touch-action:none}.pc-card-wrapper:before{content:"";position:absolute;inset:-10px;background:inherit;border-radius:inherit;transition:all .5s ease;filter:contrast(2) saturate(2) blur(36px);transform:scale(.8);background-size:100% 100%;background-image:var(--behind-gradient)}.pc-card-wrapper.active:before,.pc-card-wrapper:hover:before{filter:contrast(1) saturate(2) blur(40px) opacity(1);transform:scale(.9)}.pc-card{height:80svh;max-height:540px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;box-shadow:rgba(0,0,0,.8) calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;transform:rotateX(0deg) rotateY(0deg);background-size:100% 100%;background-position:50%;overflow:hidden}.pc-card.active,.pc-card:hover{transition:none;transform:rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);transform:translateZ(.1px);pointer-events:none}.pc-inside{inset:1px;position:absolute;background-image:var(--inner-gradient);background-color:rgba(0,0,0,.9)}.pc-shine{mix-blend-mode:color-dodge;z-index:3}.pc-glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),#c3bfd9 12%,rgba(46,80,107,.8) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2);z-index:4}.pc-avatar-content{mix-blend-mode:screen;overflow:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform:translateX(-50%) scale(1);bottom:2px;opacity:calc(1.75 - var(--pointer-from-center))}.pc-avatar-content:before{content:"";inset:0;z-index:1;-webkit-mask:linear-gradient(180deg,transparent 60%,#000 90%);mask:linear-gradient(180deg,transparent 60%,#000 90%)}.pc-avatar-content:before,.pc-user-info{position:absolute;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.pc-user-info{bottom:20px;left:20px;right:20px;z-index:2;justify-content:space-between;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;padding:12px 14px;pointer-events:auto}.pc-user-details,.pc-user-info{display:flex;align-items:center}.pc-user-details{gap:12px}.pc-mini-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pc-user-text{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.pc-handle{font-size:14px;font-weight:500;color:hsla(0,0%,100%,.9)}.pc-status{font-size:14px;color:hsla(0,0%,100%,.7)}.pc-contact-btn{border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;color:hsla(0,0%,100%,.9);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:transparent}.pc-contact-btn:hover{border-color:hsla(0,0%,100%,.4);transform:translateY(-1px)}.pc-content{text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px)!important;z-index:5;mix-blend-mode:luminosity}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h3{margin:0;font-size:min(5svh,3em);background-image:linear-gradient(180deg,#fff,#6f6fbe)}.pc-details h3,.pc-details p{font-weight:600;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.pc-details p{position:relative;top:-12px;white-space:nowrap;font-size:16px;margin:0 auto;width:-moz-min-content;width:min-content;background-image:linear-gradient(180deg,#fff,#4a4ac0)}