.profile-card{--pc-light-x:50%;--pc-light-y:50%;--pc-pointer-x:50%;--pc-pointer-y:50%;--pc-band-x:50%;--pc-band-y:50%;--pc-reach:0;--pc-rotate-x:0deg;--pc-rotate-y:0deg;--pc-shift-x:0px;--pc-shift-y:0px;--pc-tilt:0;--pc-active:0;perspective:1000px;touch-action:pan-y;-webkit-tap-highlight-color:transparent;width:360px;max-width:100%;position:relative}.profile-card__body{border-radius:calc(var(--pc-radius) + 10px);background:var(--pc-frame);box-shadow:var(--pc-frame-shadow);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);transform:rotateX(var(--pc-rotate-x))rotateY(var(--pc-rotate-y));will-change:transform;flex-direction:column;gap:10px;padding:10px;display:flex;position:relative}.profile-card__tile{aspect-ratio:4/5;border-radius:var(--pc-radius);background:var(--pc-backdrop);box-shadow:var(--pc-tile-shadow);isolation:isolate;position:relative;overflow:hidden}.profile-card__sheen,.profile-card__holo,.profile-card__scrim,.profile-card__tile-rim,.profile-card__glare,.profile-card__shade,.profile-card__rim{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.profile-card__sheen{background:radial-gradient(farthest-corner circle at calc(var(--pc-light-x) - 10px)calc(var(--pc-light-y) - 10px),var(--pc-sheen)0%,transparent 55%);opacity:calc(var(--pc-holo)*var(--pc-active))}.profile-card__holo{--pc-spectrum:repeating-linear-gradient(0deg,#ff7a75 5%,#ffed61 10%,#a8ff61 15%,#85fff7 20%,#7a95ff 25%,#ad85ff 30%,#ff7a75 35%);--pc-bars:repeating-linear-gradient(-45deg,#0e152e 0%,#8fa3a3 3.8%,#8fc1c1 4.5%,#8fa3a3 5.2%,#0e152e 10%,#0e152e 12%);--pc-falloff:radial-gradient(farthest-corner circle at var(--pc-pointer-x)var(--pc-pointer-y),#0000001a 12%,#00000026 20%,#00000040 120%);background-image:var(--pc-spectrum),var(--pc-bars),var(--pc-falloff);background-position:0 var(--pc-band-y),var(--pc-band-x)var(--pc-band-y),center;background-blend-mode:color,hard-light;mix-blend-mode:var(--pc-blend);filter:brightness(calc(.66 + .19*var(--pc-active)))contrast(calc(1.33 + .17*var(--pc-active)))saturate(calc(.33 + .17*var(--pc-active)))var(--pc-holo-filter);opacity:calc(var(--pc-holo)*var(--pc-holo-gain)*(.5 + .5*var(--pc-active)));-webkit-mask-image:var(--pc-pattern);-webkit-mask-size:var(--pc-pattern-size);-webkit-mask-position:calc(50% - var(--pc-shift-x)*1.5)calc(65% - var(--pc-shift-y)*1.5);-webkit-mask-repeat:repeat;-webkit-mask-image:var(--pc-pattern);mask-image:var(--pc-pattern);-webkit-mask-size:var(--pc-pattern-size);mask-size:var(--pc-pattern-size);-webkit-mask-position:calc(50% - var(--pc-shift-x)*1.5)calc(65% - var(--pc-shift-y)*1.5);mask-position:calc(50% - var(--pc-shift-x)*1.5)calc(65% - var(--pc-shift-y)*1.5);background-size:500% 500%,300% 300%,200% 200%;-webkit-mask-repeat:repeat;mask-repeat:repeat}.profile-card__holo-glow,.profile-card__holo-shift{opacity:calc(var(--pc-active)*var(--pc-holo-detail));position:absolute;inset:0}.profile-card__holo-glow{background-image:linear-gradient(45deg,#85fff7,#7a95ff,#ad85ff,#ff7a75,#ffed61,#a8ff61),radial-gradient(circle at var(--pc-pointer-x)var(--pc-pointer-y),#b3b3b3 0%,#4d4d4d33 90%),var(--pc-grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pc-pointer-x)var(--pc-pointer-y),center,0 0;background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pc-reach)))contrast(calc(var(--pc-reach) + 2))saturate(calc(.5 + var(--pc-reach)));mix-blend-mode:luminosity}.profile-card__holo-shift{background-image:var(--pc-spectrum),var(--pc-bars),var(--pc-falloff);background-position:0 var(--pc-band-y),calc(var(--pc-band-x)*.4)calc(var(--pc-band-y)*.5),center;background-blend-mode:color,hard-light;mix-blend-mode:difference;filter:brightness(.8)contrast(1.5);background-size:200% 300%,700% 700%,100% 100%}.profile-card__photo{inset:calc(var(--pc-parallax)*-1);width:calc(100% + var(--pc-parallax)*2);height:calc(100% + var(--pc-parallax)*2);object-fit:cover;object-position:center bottom;transform:translate3d(var(--pc-shift-x),var(--pc-shift-y),0);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.profile-card__scrim{background:linear-gradient(#0000 28%,#0000000a 40%,#0000001f 52%,#00000040 64%,#0006 74%,#0000008c 84%,#000000ad 92%,#000000bf 100%)}.profile-card__info{color:#fff;z-index:2;position:absolute;bottom:18px;left:20px;right:20px}.profile-card__name{letter-spacing:-.01em;color:inherit;text-shadow:0 2px 8px #0009;margin:0;font-size:20px;font-weight:600;line-height:1.25}.profile-card__title{color:#ffffffd9;text-shadow:0 1px 4px #0009;margin:4px 0 0;font-size:13.5px;line-height:1.4}.profile-card__tile-rim{box-shadow:inset 0 0 0 1px var(--pc-tile-edge),inset 0 1px 0 var(--pc-tile-highlight)}.profile-card__footer{align-items:center;gap:12px;min-width:0;padding:6px 14px 8px;display:flex}.profile-card__avatar{background:var(--pc-tile);border-radius:50%;flex:none;width:38px;height:38px;position:relative;overflow:hidden}.profile-card__avatar:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--pc-tile-edge);position:absolute;inset:0}.profile-card__avatar img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.profile-card__meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.profile-card__handle{color:var(--pc-ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.25;overflow:hidden}.profile-card__status{color:var(--pc-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;line-height:1.25;display:flex}.profile-card__status:before{content:"";background:var(--pc-status);width:7px;height:7px;box-shadow:0 0 8px var(--pc-status);border-radius:50%;flex:none}.profile-card__contact{border-radius:calc(var(--pc-radius)*.75);background:var(--pc-tile);height:36px;box-shadow:inset 0 0 0 1px var(--pc-tile-edge),inset 0 1px 0 var(--pc-tile-highlight),var(--pc-tile-shadow);color:var(--pc-ink);cursor:pointer;border:none;flex:none;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:filter .2s,transform .2s;display:flex}.profile-card__contact:active{filter:var(--pc-press);transition-duration:0s;transform:scale(.96)}.profile-card__contact:focus-visible{outline:2px solid var(--pc-ink);outline-offset:2px}.profile-card__glare{background:radial-gradient(farthest-corner circle at var(--pc-light-x)var(--pc-light-y),#fffc 0%,#ffffff5c 20%,#fff0 60%);mix-blend-mode:overlay;opacity:calc(var(--pc-glare)*var(--pc-active))}.profile-card__shade{background:radial-gradient(farthest-corner circle at var(--pc-light-x)var(--pc-light-y),transparent 30%,var(--pc-shade)100%);opacity:calc(var(--pc-glare)*var(--pc-tilt))}.profile-card__rim{box-shadow:inset 0 0 0 1px var(--pc-frame-edge),inset 0 1px 0 var(--pc-frame-highlight)}@media (hover:hover){.profile-card__contact:hover{filter:var(--pc-hover)}.profile-card__contact:hover:active{filter:var(--pc-press)}}@media (max-width:380px){.profile-card__info{bottom:12px;left:14px;right:14px}.profile-card__name{font-size:17px}.profile-card__title{font-size:12px}.profile-card__footer{gap:8px;padding:6px 10px 8px}.profile-card__avatar{width:32px;height:32px}.profile-card__handle{font-size:13px}.profile-card__status{font-size:11px}.profile-card__contact{height:32px;padding:0 10px;font-size:12px}}
