.profile-card{--pfc-light-x:50%;--pfc-light-y:50%;--pfc-pointer-x:50%;--pfc-pointer-y:50%;--pfc-band-x:50%;--pfc-band-y:50%;--pfc-reach:0;--pfc-rotate-x:0deg;--pfc-rotate-y:0deg;--pfc-shift-x:0px;--pfc-shift-y:0px;--pfc-tilt:0;--pfc-active:0;position:relative;width:340px;max-width:100%;perspective:1000px;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.profile-card__body{position:relative;display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:calc(var(--pfc-radius) + 10px);background:var(--pfc-frame);box-shadow:var(--pfc-frame-shadow);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);transform:rotateX(var(--pfc-rotate-x)) rotateY(var(--pfc-rotate-y));will-change:transform}.profile-card__tile{position:relative;aspect-ratio:4/5;border-radius:var(--pfc-radius);background:var(--pfc-backdrop);box-shadow:var(--pfc-tile-shadow);overflow:hidden;isolation:isolate}.profile-card__glare,.profile-card__holo,.profile-card__rim,.profile-card__scrim,.profile-card__shade,.profile-card__sheen,.profile-card__tile-rim{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.profile-card__sheen{background:radial-gradient(farthest-corner circle at calc(var(--pfc-light-x) - 10px) calc(var(--pfc-light-y) - 10px),var(--pfc-sheen) 0,transparent 55%);opacity:calc(var(--pfc-holo) * var(--pfc-active))}.profile-card__holo{--pfc-spectrum:repeating-linear-gradient(0deg,hsl(2,100%,73%) 5%,hsl(53,100%,69%) 10%,hsl(93,100%,69%) 15%,hsl(176,100%,76%) 20%,hsl(228,100%,74%) 25%,hsl(260,100%,76%) 30%,hsl(2,100%,73%) 35%);--pfc-bars:repeating-linear-gradient(-45deg,#141414,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#141414 10%,#141414 12%);--pfc-falloff:radial-gradient(farthest-corner circle at var(--pfc-pointer-x) var(--pfc-pointer-y),hsla(0,0%,0%,0.1) 12%,hsla(0,0%,0%,0.15) 20%,hsla(0,0%,0%,0.25) 120%);background-image:var(--pfc-spectrum),var(--pfc-bars),var(--pfc-falloff);background-position:0 var(--pfc-band-y),var(--pfc-band-x) var(--pfc-band-y),50%;background-size:500% 500%,300% 300%,200% 200%;background-blend-mode:color,hard-light;mix-blend-mode:var(--pfc-blend);filter:brightness(calc(.66 + .19 * var(--pfc-active))) contrast(calc(1.33 + .17 * var(--pfc-active))) saturate(calc(.33 + .17 * var(--pfc-active))) var(--pfc-holo-filter);opacity:calc(var(--pfc-holo) * var(--pfc-holo-gain) * (.5 + .5 * var(--pfc-active)));-webkit-mask-image:var(--pfc-pattern);-webkit-mask-size:var(--pfc-pattern-size);-webkit-mask-position:calc(50% - var(--pfc-shift-x) * 1.5) calc(65% - var(--pfc-shift-y) * 1.5);-webkit-mask-repeat:repeat;mask-image:var(--pfc-pattern);mask-size:var(--pfc-pattern-size);mask-position:calc(50% - var(--pfc-shift-x) * 1.5) calc(65% - var(--pfc-shift-y) * 1.5);mask-repeat:repeat}.profile-card__holo-glow,.profile-card__holo-shift{position:absolute;inset:0;opacity:calc(var(--pfc-active) * var(--pfc-holo-detail))}.profile-card__holo-glow{background-image:linear-gradient(45deg,hsl(176,100%,76%),hsl(228,100%,74%),hsl(260,100%,76%),hsl(2,100%,73%),hsl(53,100%,69%),hsl(93,100%,69%)),radial-gradient(circle at var(--pfc-pointer-x) var(--pfc-pointer-y),hsl(0,0%,70%) 0,hsla(0,0%,30%,.2) 90%),var(--pfc-grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pfc-pointer-x) var(--pfc-pointer-y),50%,0 0;background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pfc-reach))) contrast(calc(var(--pfc-reach) + 2)) saturate(calc(.5 + var(--pfc-reach)));mix-blend-mode:luminosity}.profile-card__holo-shift{background-image:var(--pfc-spectrum),var(--pfc-bars),var(--pfc-falloff);background-position:0 var(--pfc-band-y),calc(var(--pfc-band-x) * .4) calc(var(--pfc-band-y) * .5),50%;background-size:200% 300%,700% 700%,100% 100%;background-blend-mode:color,hard-light;mix-blend-mode:difference;filter:brightness(.8) contrast(1.5)}.profile-card__photo{position:absolute;inset:calc(var(--pfc-parallax) * -1);width:calc(100% + var(--pfc-parallax) * 2);height:calc(100% + var(--pfc-parallax) * 2);object-fit:cover;object-position:center;transform:translate3d(var(--pfc-shift-x),var(--pfc-shift-y),0);pointer-events:none;user-select:none;-webkit-user-select:none}.profile-card__scrim{background:linear-gradient(0deg,rgba(0,0,0,.6) 0,rgba(0,0,0,.57) 6%,rgba(0,0,0,.5) 12%,rgba(0,0,0,.4) 19%,rgba(0,0,0,.28) 26%,rgba(0,0,0,.16) 33%,rgba(0,0,0,.07) 40%,rgba(0,0,0,.02) 46%,rgba(0,0,0,0) 52%)}.profile-card__info{position:absolute;left:20px;right:20px;bottom:18px;color:#ffffff}.profile-card__name{margin:0;font-size:20px;font-weight:600;line-height:1.25;letter-spacing:normal;color:inherit}.profile-card__title{margin:4px 0 0;font-size:14px;line-height:1.45;color:#ffffff;opacity:.78}.profile-card__tile-rim{box-shadow:inset 0 0 0 1px var(--pfc-tile-edge),inset 0 1px 0 var(--pfc-tile-highlight)}.profile-card__footer{display:flex;align-items:center;gap:12px;min-width:0;padding:6px 20px 8px}.profile-card__avatar{position:relative;flex:none;width:36px;height:36px;border-radius:50%;background:var(--pfc-tile);overflow:hidden}.profile-card__avatar:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--pfc-tile-edge)}.profile-card__avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.profile-card__meta{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.profile-card__handle{font-size:14px;font-weight:600;color:var(--pfc-ink)}.profile-card__handle,.profile-card__status{overflow:hidden;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}.profile-card__status{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--pfc-muted);min-width:0}.profile-card__status:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--pfc-status)}.profile-card__contact{display:flex;align-items:center;gap:6px;flex:none;height:36px;padding:0 14px;border:none;border-radius:calc(var(--pfc-radius) * .75);background:var(--pfc-tile);box-shadow:inset 0 0 0 1px var(--pfc-tile-edge),inset 0 1px 0 var(--pfc-tile-highlight),var(--pfc-tile-shadow);color:var(--pfc-ink);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:filter .2s ease,transform .2s ease}.profile-card__contact:active{filter:var(--pfc-press);transform:scale(.96);transition-duration:0s}.profile-card__contact:focus-visible{outline:2px solid var(--pfc-ink);outline-offset:2px}.profile-card__glare{background:radial-gradient(farthest-corner circle at var(--pfc-light-x) var(--pfc-light-y),rgba(255,255,255,.8) 0,rgba(255,255,255,.36) 20%,rgba(255,255,255,0) 60%);mix-blend-mode:overlay;opacity:calc(var(--pfc-glare) * var(--pfc-active))}.profile-card__shade{background:radial-gradient(farthest-corner circle at var(--pfc-light-x) var(--pfc-light-y),transparent 30%,var(--pfc-shade) 100%);opacity:calc(var(--pfc-glare) * var(--pfc-tilt))}.profile-card__rim{box-shadow:inset 0 0 0 1px var(--pfc-frame-edge),inset 0 1px 0 var(--pfc-frame-highlight)}@media (hover:hover){.profile-card__contact:hover{filter:var(--pfc-hover)}.profile-card__contact:hover:active{filter:var(--pfc-press)}}