:root{--card-opacity:.9}.pc-card-wrapper{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;aspect-ratio:3/4;perspective:1000px;width:100%;max-width:400px;margin:0 auto;position:relative}.pc-card{width:100%;height:100%;transform-style:preserve-3d;border-radius:20px;transition:transform .6s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.pc-card-wrapper.active .pc-card{transform:rotateY(var(--rotate-x))rotateX(var(--rotate-y))}.pc-inside{background:var(--inner-gradient);border-radius:20px;width:100%;height:100%;position:relative;overflow:hidden}.pc-inside:before{content:"";background-image:var(--behind-gradient);background-size:cover;background-position:var(--background-x)var(--background-y);opacity:0;z-index:1;pointer-events:none;background-repeat:no-repeat;transition:opacity .6s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.pc-inside:after{content:"";background-image:var(--grain);opacity:var(--grain-opacity,.6);z-index:2;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .6s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.pc-card-wrapper.active .pc-inside:before{opacity:1}.pc-shine{background:radial-gradient(circle at var(--pointer-x)var(--pointer-y),#fff3 0%,#fff0 50%);opacity:0;z-index:3;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.pc-card-wrapper.active .pc-shine{opacity:1}.pc-glare{background:linear-gradient(calc(var(--pointer-from-left)*180deg + 90deg),#ffffff4d 0%,transparent 50%);opacity:0;z-index:4;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.pc-card-wrapper.active .pc-glare{opacity:calc(var(--pointer-from-center)*.5)}.pc-content{z-index:5;pointer-events:none;flex-direction:column;padding:24px;display:flex;position:relative}.pc-header-content{padding:24px;position:absolute;top:0;left:0;right:0}.pc-avatar-content{justify-content:center;align-items:center;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pc-avatar-content .avatar{-o-object-fit:cover;object-fit:cover;border:4px solid #fff3;border-radius:50%;width:200px;height:200px;margin-bottom:20px}.pc-user-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:6;background:#00000080;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.pc-user-details{align-items:center;gap:12px;display:flex}.pc-mini-avatar{border:2px solid #ffffff4d;border-radius:50%;width:40px;height:40px;overflow:hidden}.pc-mini-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.pc-user-text{flex-direction:column;gap:2px;display:flex}.pc-handle{color:#ffffffe6;font-size:14px;font-weight:500}.pc-status{color:#fff9;font-size:12px}.pc-contact-btn{color:#fff;cursor:pointer;pointer-events:auto;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s}.pc-contact-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.pc-details{text-align:center}.pc-details h3{color:#fff;text-shadow:0 2px 10px #0000004d;margin:0 0 8px;font-size:32px;font-weight:700}.pc-details p{color:#fffc;text-shadow:0 2px 10px #0000004d;margin:0;font-size:18px}@media (max-width:640px){.pc-card-wrapper{max-width:100%}.pc-avatar-content .avatar{width:150px;height:150px}}