:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5;--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-background-gradient:none;--card-radius:20px}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none}.pc-card-wrapper:before{content:"";position:absolute;inset:-5px;background-image:none;border-radius:inherit;transition:all .3s ease;filter:blur(15px) opacity(0);transform:scale(.95) translateZ(.1px);background-size:100% 100%}.pc-card-wrapper.active,.pc-card-wrapper:hover{--card-opacity:1}.pc-card-wrapper.active:before,.pc-card-wrapper:hover:before{filter:blur(10px) opacity(0);transform:scale(.98) translateZ(.1px)}.pc-card{height:80svh;max-height:540px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-color:#000;background-image:var(--card-background-gradient);background-blend-mode:overlay;box-shadow:0 10px 30px -10px rgba(0,0,0,.5);transition:transform .3s ease;transform:translateZ(.1px) rotateX(0deg) rotateY(0deg);background-size:cover;background-position:50%;border:1px solid rgba(255,255,255,.05);overflow:hidden}.pc-card.active,.pc-card:hover{transition:none;transform:translateZ(.1px) rotateX(calc(var(--rotate-y) * .5)) rotateY(calc(var(--rotate-x) * .5))}.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,.7);transform:translateZ(.01px)}.pc-avatar-content{mix-blend-mode:normal;overflow:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform:translateX(-50%) scale(1);bottom:2px;opacity:1}.pc-avatar-content:before{content:"";position:absolute;inset:0;z-index:1;backdrop-filter:none;mask:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,1) 90%,rgba(0,0,0,1));pointer-events:none}.pc-user-info{position:absolute;bottom:20px;left:20px;right:20px;z-index:2;justify-content:space-between;background:rgba(30,30,30,.8);backdrop-filter:none;border:1px solid rgba(255,255,255,.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 rgba(255,255,255,.1);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.pc-handle{font-weight:500;color:rgba(255,255,255,.9)}.pc-handle,.pc-status{font-size:14px;line-height:1}.pc-status{color:rgba(255,255,255,.7)}.pc-contact-btn{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;color:rgba(255,255,255,.9);cursor:pointer;transition:all .2s ease;background:rgba(30,30,30,.8);backdrop-filter:none}.pc-contact-btn:hover{border-color:rgba(255,255,255,.4);transform:translateY(-1px);background:rgba(45,45,45,.9)}.pc-content{max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -3px + 1.5px),calc(var(--pointer-from-top) * -3px + 1.5px),.1px)!important;z-index:5;mix-blend-mode:normal}.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,#b0b0b0)}.pc-details h3,.pc-details p{font-weight:600;background-size:1em 1.5em;-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:min-content;background-image:linear-gradient(180deg,#fff,#808080)}@media (max-width:768px){.pc-card{height:70svh;max-height:450px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{bottom:15px;left:15px;right:15px;padding:10px 12px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}@media (max-width:480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.5em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:12px;top:-8px}.pc-user-info{bottom:12px;left:12px;right:12px;padding:8px 10px;border-radius:50px}.pc-mini-avatar{width:24px;height:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{padding:5px 10px;font-size:10px;border-radius:50px}}@media (max-width:320px){.pc-card{height:55svh;max-height:320px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:11px}.pc-user-info{padding:6px 8px;border-radius:50px}.pc-mini-avatar{width:20px;height:20px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:8px}.pc-contact-btn{padding:4px 8px;font-size:9px;border-radius:50px}}