@keyframes pc-aurora{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes pc-float{0%{transform:translateY(0)}to{transform:translateY(-7px)}}.pc-wrapper{--mouse-x:0.5;--mouse-y:0.5;--spotlight-opacity:0;--card-radius:26px;position:relative;width:320px;perspective:900px;animation:pc-float 3.4s ease-in-out infinite alternate}.pc-wrapper:hover{animation-play-state:paused}.pc-glow{position:absolute;inset:-28px;border-radius:calc(var(--card-radius) + 28px);background:radial-gradient(ellipse 65% 55% at calc(var(--mouse-x) * 100%) calc(var(--mouse-y) * 100%),color-mix(in oklch,var(--primary) 50%,transparent),transparent 70%);opacity:var(--spotlight-opacity);transition:opacity .5s ease;filter:blur(22px);z-index:0;pointer-events:none}.pc-scene{position:relative;transform-style:preserve-3d;transform:rotateX(calc((var(--mouse-y) - .5) * -8deg)) rotateY(calc((var(--mouse-x) - .5) * 8deg));transition:transform .55s cubic-bezier(.23,1,.32,1);z-index:1}.pc-wrapper[data-tilting] .pc-scene{transition:transform .1s ease-out}.pc-card{position:relative;border-radius:var(--card-radius);background:var(--card);color:var(--card-foreground);border:1px solid color-mix(in oklch,var(--primary) 22%,var(--border));box-shadow:0 20px 60px oklch(0 0 0/50%),0 1px 0 color-mix(in oklch,var(--card-foreground) 5%,transparent) inset;overflow:hidden;transition:box-shadow .4s ease,border-color .4s ease}.pc-wrapper:hover .pc-card{border-color:color-mix(in oklch,var(--primary) 38%,var(--border));box-shadow:0 28px 80px oklch(0 0 0/60%),0 1px 0 color-mix(in oklch,var(--card-foreground) 8%,transparent) inset}.pc-spotlight{position:absolute;inset:0;border-radius:var(--card-radius);background:radial-gradient(circle 160px at calc(var(--mouse-x) * 100%) calc(var(--mouse-y) * 100%),color-mix(in oklch,var(--primary) 14%,transparent),transparent 70%);opacity:var(--spotlight-opacity);transition:opacity .35s ease;pointer-events:none;z-index:10}.pc-header{position:relative;padding:22px 22px 24px;overflow:hidden;background:linear-gradient(140deg,color-mix(in oklch,var(--primary) 55%,var(--card)) 0,color-mix(in oklch,var(--primary) 28%,var(--card)) 50%,color-mix(in oklch,var(--primary) 10%,var(--card)) 100%);background-size:300% 300%;animation:pc-aurora 9s ease infinite}.pc-header:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;opacity:.05;pointer-events:none}.pc-streak-badge{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;background-color:var(--primary);border:1px solid color-mix(in oklch,var(--primary) 45%,var(--border));font-size:.68rem;font-weight:700;color:var(--primary-foreground);letter-spacing:.03em;white-space:nowrap}.pc-header-name{position:relative;z-index:2;margin-top:36px}.pc-name{font-size:1.3rem;font-weight:800;color:var(--foreground);letter-spacing:-.04em;margin:0 0 3px;line-height:1.1}.pc-handle{font-size:.72rem;color:var(--muted-foreground);font-family:ui-monospace,SF Mono,monospace;letter-spacing:.01em;margin-bottom:4px}.pc-joined{font-size:.65rem;font-weight:500;color:color-mix(in oklch,var(--muted-foreground) 70%,transparent);letter-spacing:.01em}.pc-body{position:relative;z-index:2;padding:18px 22px 20px}.pc-divider{width:100%;height:1px;background:linear-gradient(to right,transparent,color-mix(in oklch,var(--primary) 30%,var(--border)),transparent);margin-bottom:14px}.pc-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pc-stat{background:color-mix(in oklch,var(--primary) 8%,var(--muted));border:1px solid color-mix(in oklch,var(--primary) 18%,var(--border));border-radius:14px;padding:14px 13px 13px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;transition:background .25s ease,border-color .25s ease}.pc-wrapper:hover .pc-stat{background:color-mix(in oklch,var(--primary) 13%,var(--muted));border-color:color-mix(in oklch,var(--primary) 26%,var(--border))}.pc-stat-value{font-size:1.25rem;font-weight:800;color:var(--card-foreground);letter-spacing:-.03em;line-height:1}.pc-stat-label{font-size:.6rem;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.08em}.pc-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px 16px;border-top:1px solid var(--border)}.pc-footer-text{font-size:.6rem;font-weight:700;color:var(--muted-foreground);letter-spacing:.1em;text-transform:uppercase;opacity:.5}