: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%;--card-radius:24px;--card-bg:hsl(var(--card));--card-fg:hsl(var(--card-foreground));--card-border:hsl(var(--border))}.pc-card-wrapper{perspective:1000px;transform:translateZ(.1px);position:relative;width:100%;height:100%}.pc-card,.pc-card-shell,.pc-card-wrapper{touch-action:pan-y}.pc-card{width:100%;height:100%;min-height:400px;display:flex;flex-direction:column;border-radius:var(--card-radius);position:relative;transition:transform .1s ease-out;transform-style:preserve-3d;background:var(--card-bg);border:1px solid var(--card-border);overflow:hidden;box-shadow:0 10px 30px -10px rgba(0,0,0,.1)}.pc-card.active{transform:rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-inside{width:100%;height:100%;flex-direction:column;background:var(--card-bg);z-index:2}.pc-avatar-content,.pc-inside{position:relative;display:flex;touch-action:pan-y}.pc-avatar-content{flex:1;overflow:hidden;align-items:flex-end;transform:translateZ(20px)}.pc-avatar-content .avatar{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .2s ease-out;transform:scale(1.05) translateX(calc((var(--pointer-from-left) - .5) * 10px)) translateY(calc((var(--pointer-from-top) - .5) * 10px))}.pc-user-info{position:absolute;bottom:20px;left:20px;right:20px;z-index:10;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.8);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:12px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.dark .pc-user-info{background:rgba(0,0,0,.6);border-color:rgba(255,255,255,.1)}.pc-user-details{display:flex;align-items:center;gap:12px}.pc-mini-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.5)}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover}.pc-user-text{display:flex;flex-direction:column;gap:2px}.pc-handle{font-size:14px;font-weight:600;color:#000}.dark .pc-handle{color:#fff}.pc-status{font-size:12px;color:#666}.dark .pc-status{color:#aaa}.pc-contact-btn{background:#000;color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:transform .2s}.dark .pc-contact-btn{background:#fff;color:#000}.pc-contact-btn:hover{transform:scale(1.05)}.pc-details{position:absolute;top:24px;left:24px;z-index:10;transform:translateZ(30px)}.pc-details h3{font-size:32px;font-weight:800;margin:0;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);line-height:1.1}.pc-details p{font-size:16px;font-weight:500;margin:4px 0 0;color:rgba(255,255,255,.9);text-shadow:0 1px 4px rgba(0,0,0,.3)}@media (max-width:640px){.pc-details{top:auto;bottom:96px;left:20px;right:20px;text-align:left}.pc-details h3{font-size:18px}.pc-details p{font-size:12px}.pc-avatar-content{align-items:center;padding-top:64px}.pc-avatar-content .avatar{object-position:center 10%;transform:scale(1.02) translateX(calc((var(--pointer-from-left) - .5) * 6px)) translateY(calc((var(--pointer-from-top) - .5) * 6px))}.pc-user-info{bottom:12px;left:12px;right:12px;padding:10px;gap:12px;flex-wrap:wrap}}