:root{--white:hsl(0 0% 100%);--border-color:#392e4e;--background-dark:#060010;color-scheme:light dark}.card-grid{display:grid;gap:.75rem;padding:.75rem 0;width:100%;font-size:clamp(1rem,.9rem + .5vw,1.5rem)}.card{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:4/3;min-height:200px;width:100%;padding:1.25em;border-radius:20px;border:1px solid var(--border-color);background:var(--background-dark);font-weight:300;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:220px;--glow-color:132,0,255}.card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.35)}.card__content,.card__header{display:flex;position:relative;color:var(--white)}.card__header{gap:.75em;justify-content:space-between}.card__content{flex-direction:column}.card__label{font-size:.9rem;padding:.15rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}.card__title{font-weight:500;font-size:1rem;margin:.25rem 0 .35rem}.card__description{font-size:.85rem;line-height:1.3;opacity:.9}.card--text-autohide .card__description,.card--text-autohide .card__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card--text-autohide .card__title{-webkit-line-clamp:1}.card--text-autohide .card__description{-webkit-line-clamp:2}@media (max-width:599px){.card-grid{grid-template-columns:1fr}.card{min-height:180px}}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.card:nth-child(3){grid-column:span 2;grid-row:span 2}.card:nth-child(4){grid-column:1/span 2;grid-row:2/span 2}.card:nth-child(6){grid-column:4;grid-row:3}}.card--border-glow:after{content:"";position:absolute;inset:0;padding:6px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color),calc(var(--glow-intensity) * .85)) 0,rgba(var(--glow-color),calc(var(--glow-intensity) * .45)) 30%,transparent 60%);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;transition:opacity .3s ease;z-index:1}.card--border-glow:hover:after{opacity:1}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;inset:-2px;background:rgba(132,0,255,.18);border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px rgba(46,24,78,.25),0 0 30px rgba(132,0,255,.15)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;user-select:none}:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5;--card-opacity:0;--card-hover-opacity:0.35;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-gradient:none;--inner-gradient:none;--card-radius:30px}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none}.pc-card-wrapper:before{content:"";position:absolute;inset:-10px;background-image:var(--behind-gradient);border-radius:inherit;filter:contrast(1.4) saturate(1.6) blur(34px) opacity(.9);transform:scale(.9) translateZ(.1px);transition:filter .4s ease,transform .4s ease;pointer-events:none}.pc-card-wrapper.active,.pc-card-wrapper:hover{--card-opacity:var(--card-hover-opacity)}.pc-card-wrapper.active:before,.pc-card-wrapper:hover:before{filter:contrast(1.2) saturate(1.4) blur(36px) opacity(1);transform:scale(.95) translateZ(.1px)}.pc-card{height:80svh;max-height:540px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-blend-mode:normal,normal,normal,normal;box-shadow:rgba(0,0,0,.8) calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;transform:translateZ(.1px) rotateX(0deg) rotateY(0deg);background-size:100% 100%;background-position:0 0,0 0,50% 50%,0 0;background-image:radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,calc(var(--card-opacity) * .25)) 2%,rgba(255,255,255,calc(var(--card-opacity) * .15)) 8%,rgba(255,255,255,calc(var(--card-opacity) * .08)) 40%,rgba(255,255,255,0) 100%),radial-gradient(35% 52% at 55% 20%,rgba(0,255,170,.15) 0,rgba(7,58,255,0) 100%),radial-gradient(100% 100% at 50% 50%,rgba(0,193,255,.12) 1%,rgba(7,58,255,0) 76%),linear-gradient(145deg,#0b0b10 0,#12121c 100%);overflow:hidden}.pc-card.active,.pc-card:hover{transition:none;transform:translateZ(.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.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,.9)}.pc-shine{mask-image:var(--icon);mask-mode:luminance;mask-repeat:no-repeat;mask-size:150%;mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));filter:brightness(.55) contrast(1.2) saturate(.4) opacity(.35);background:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.12) 12%,rgba(0,0,0,0) 120%)}.pc-card.active .pc-shine,.pc-card:hover .pc-shine{filter:brightness(.7) contrast(1.35) saturate(.5) opacity(.45)}.pc-glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(180,190,255,.18) 10%,rgba(40,60,120,.06) 90%);mix-blend-mode:screen;filter:brightness(.9) contrast(1.1)}.pc-avatar-content{overflow:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform:translateX(-50%) scale(1);bottom:2px;opacity:calc(1.3 - var(--pointer-from-center));z-index:1}.pc-avatar-content:before{content:"";inset:0;z-index:0;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-avatar-content:before,.pc-user-info{position:absolute;backdrop-filter:blur(30px)}.pc-user-info{bottom:20px;left:20px;right:20px;z-index:2;justify-content:space-between;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);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,.12);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;flex-direction:column;gap:6px}.pc-name{font-size:14px;font-weight:500;color:rgba(255,255,255,.92);line-height:1}.pc-status{font-size:13px;color:rgba(255,255,255,.7);line-height:1}.pc-contact-btn{border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:8px 16px;font-size:14px;font-weight:700;color:rgba(255,255,255,.95);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.2);cursor:pointer;transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease;pointer-events:auto}.pc-contact-btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.35);box-shadow:0 6px 18px rgba(99,102,241,.28),inset 0 1px 0 rgba(255,255,255,.25)}.pc-content{max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.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-weight:700;font-size:min(5svh,3em);background-image:linear-gradient(180deg,#fff,#8ea0ff)}.pc-details h3,.pc-details p{background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.pc-details p{position:relative;top:-10px;margin:0 auto;font-weight:600;white-space:nowrap;font-size:16px;background-image:linear-gradient(180deg,#dbe3ff,#7c8bff)}@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:32px;height:32px}.pc-name{font-size:13px}.pc-status{font-size:11px}.pc-contact-btn{padding:6px 12px;font-size:12px}}@media (max-width:480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.6em}.pc-details p{font-size:12px;top:-6px}.pc-user-info{bottom:12px;left:12px;right:12px;padding:8px 10px;border-radius:14px}.pc-mini-avatar{width:26px;height:26px}}#infinite-grid-menu-canvas{cursor:grab;width:100%;height:100%;overflow:hidden;position:absolute;inset:0;z-index:0;background:transparent;border:0;outline:none}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{z-index:10;width:60px;height:60px;display:grid;place-items:center;background:#5227ff;border-radius:50%;cursor:pointer;border:5px solid #000}.face-title{user-select:none;position:absolute;font-weight:900;font-size:2.5rem;left:50%;top:35%;transform:translate(-50%,-100%);z-index:11;text-align:center;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);padding:.8rem 1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);pointer-events:none;margin-bottom:1rem}.face-title.active{opacity:1;transform:translate(-50%,-100%) scale(1);transition:all .5s ease}.face-title.inactive{opacity:0;transform:translate(-50%,-100%) scale(.9);transition:all .3s ease}.action-button-icon{user-select:none;position:relative;color:#fff;top:2px;font-size:26px}.face-description{user-select:none;position:absolute;max-width:10ch;top:50%;font-size:1.5rem;right:1%;transform:translateY(-50%);z-index:11}.face-description.active{opacity:1;transform:translate(-250%,-50%);pointer-events:auto;transition:.5s ease}.face-description.inactive{pointer-events:none;transform:translate(-30%,-50%);opacity:0;transition:.1s ease}.action-button{position:absolute;left:50%}.action-button.active{bottom:3.8em;transform:translateX(-50%) scale(1);opacity:1;pointer-events:auto;transition:.5s ease}.action-button.inactive{bottom:-80px;transform:translateX(-50%) scale(0);opacity:0;pointer-events:none;transition:.1s ease}@media (max-width:1200px){.face-title{font-size:2rem;padding:.6rem 1.2rem}}@media (max-width:768px){.face-title{font-size:1.5rem;padding:.5rem 1rem}}.action-button,.face-title{z-index:11}.face-title{color:#fff;-webkit-font-smoothing:auto;text-rendering:optimizeLegibility;text-shadow:0 2px 12px rgba(0,0,0,.45)}