.card-spotlight{position:relative;border-radius:1.5rem;border:1px solid #222;background-color:#111;padding:2rem;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .05)}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1}.card-spotlight>*{position:relative;z-index:2}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}.threads-container{position:relative;width:100%;height:100%}.pc-wrapper{--pc-blue-dark: #02040a;--pc-blue-mid: #0f172a;--pc-blue-light: #334155;--pc-accent: #6b7ab8;--glow-primary: 139, 92, 246;--glow-secondary: 59, 130, 246;perspective:1200px;width:100%;max-width:380px;aspect-ratio:2/3;position:relative;z-index:10;--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 50%;--opacity: 0}.pc-glow-back{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:120%;background:radial-gradient(circle,rgba(var(--glow-primary),.25) 0%,transparent 70%);filter:blur(60px);z-index:-1;pointer-events:none}.pc-card{position:relative;width:100%;height:100%;border-radius:32px;background-color:var(--pc-blue-dark);overflow:hidden;box-shadow:0 50px 100px -20px #000000e6,0 0 0 1px #ffffff14 inset;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .1s cubic-bezier(.05,.05,.05,1);will-change:transform}.pc-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 120% at 50% 0%,var(--pc-blue-light) 0%,var(--pc-blue-mid) 40%,var(--pc-blue-dark) 100%);z-index:1}.pc-bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.pc-bg-glyphs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.pc-glyph{position:absolute;background:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 4px);opacity:.6}.pc-glyph-1{top:15%;left:-10%;width:150px;height:150px;transform:rotate(15deg);-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.pc-glyph-2{top:10%;right:-20px;width:100px;height:100px;border:1px dashed rgba(255,255,255,.1);border-radius:50%;opacity:.4}.pc-image-container{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:5;display:flex;justify-content:center;align-items:center;pointer-events:none;transform:translateZ(20px)}.pc-image-grayscale{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(100%) contrast(1.15) brightness(1.05)}.pc-image-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 30%,var(--pc-blue-mid) 80%,var(--pc-blue-dark) 100%);mix-blend-mode:hard-light;opacity:.7}.pc-image-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--pc-blue-dark) 0%,transparent 40%);z-index:2}.pc-content{position:relative;z-index:20;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:48px 24px 28px;transform:translateZ(40px)}.pc-header{text-align:center;margin-top:10px}.pc-header h2{color:#fff;font-family:Inter,sans-serif;font-size:32px;font-weight:800;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.8);letter-spacing:-.02em}.pc-header p{color:#94a3b8;font-size:15px;font-weight:500;margin-top:6px;letter-spacing:.01em}.pc-pill{width:100%;height:80px;background:#0f172a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px -10px #0009;overflow:hidden;position:relative;transition:transform .2s}.pc-pill:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent);pointer-events:none}.pc-pill-inner{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 20px}.pc-pill-left{display:flex;align-items:center;gap:14px}.pc-mini-avatar{width:44px;height:44px;border-radius:50%;padding:2px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,255,255,.1),transparent)}.pc-mini-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;filter:grayscale(100%)}.pc-user-info{display:flex;flex-direction:column}.pc-handle{color:#fff;font-weight:700;font-size:15px}.pc-status{color:#64748b;font-size:12px;font-weight:500}.pc-btn{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.1);padding:10px 20px;border-radius:14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.pc-btn:hover{background:#8b5cf633;border-color:#8b5cf666;box-shadow:0 0 15px #8b5cf633}.pc-shine:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,transparent 30%,rgba(139,92,246,.05) 45%,transparent 60%);pointer-events:none;z-index:50}.pc-shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at var(--mx) var(--my),rgba(var(--glow-primary),.25),transparent 50%);z-index:50;pointer-events:none;mix-blend-mode:color-dodge;opacity:var(--opacity);transition:opacity .2s ease}.pc-border-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:32px;padding:1.5px;background:radial-gradient(350px circle at var(--mx) var(--my),rgba(192,132,252,.8),rgba(59,130,246,.4) 40%,transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:51;opacity:var(--opacity);mix-blend-mode:screen}