.cp-root{--cp-glow:61 191 110;--cp-ink:hsla(0,0%,100%,.28);--cp-ink-strong:hsla(0,0%,100%,.46);--cp-ring:hsla(0,0%,100%,.05);position:relative;isolation:isolate}.light .cp-root{--cp-ink:rgba(15,23,42,.14);--cp-ink-strong:rgba(15,23,42,.26);--cp-ring:rgba(15,23,42,.07)}.cp-root:before{content:"";position:absolute;inset:-4rem 0 auto 0;height:32rem;pointer-events:none;z-index:-1;background:radial-gradient(60% 55% at 18% 0,rgb(var(--cp-glow)/.16),transparent 70%),radial-gradient(40% 40% at 85% 10%,rgb(var(--cp-glow)/.06),transparent 70%);mask-image:linear-gradient(180deg,#000 40%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent)}.light .cp-root:before{background:radial-gradient(60% 55% at 18% 0,rgb(var(--cp-glow)/.14),transparent 70%),radial-gradient(40% 40% at 85% 10%,rgb(var(--cp-glow)/.05),transparent 70%)}.cp-card{position:relative;border-radius:18px;background:linear-gradient(180deg,hsl(var(--card)/.78),hsl(var(--card)/.52));backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);box-shadow:0 1px 0 0 var(--cp-ring) inset,0 18px 40px -28px rgba(0,0,0,.7);transition:transform .24s cubic-bezier(.32,.72,.24,1),box-shadow .24s ease-out}.cp-card:before{inset:0;padding:1px;background:linear-gradient(180deg,var(--cp-ink-strong) 0,var(--cp-ink) 28%,var(--cp-ring) 100%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor}.cp-card:after,.cp-card:before{content:"";position:absolute;border-radius:inherit;pointer-events:none;transition:opacity .24s ease-out}.cp-card:after{left:10%;right:10%;top:0;height:1px;background:linear-gradient(to right,transparent,rgb(var(--cp-glow)/.55),transparent);opacity:.55}.cp-card>*{position:relative;z-index:1}@media (hover:hover){.cp-card:hover{transform:translateY(-2px);box-shadow:0 1px 0 0 var(--cp-ring) inset,0 24px 50px -28px rgba(0,0,0,.75),0 0 0 1px rgb(var(--cp-glow)/.08),0 0 40px -12px rgb(var(--cp-glow)/.28)}.cp-card:hover:after{opacity:1}}@media (prefers-reduced-motion:reduce){.cp-card:hover{transform:none}}.cp-card--accent:before{background:linear-gradient(180deg,rgb(var(--cp-glow)/.75) 0,rgb(var(--cp-glow)/.22) 35%,var(--cp-ring) 100%)}.cp-card--accent:after{opacity:.9;background:linear-gradient(to right,transparent,rgb(var(--cp-glow)/.9),transparent)}.cp-plinth{position:relative;border-radius:22px;background:radial-gradient(80% 80% at 50% 0,rgb(var(--cp-glow)/.18),transparent 70%),linear-gradient(180deg,hsl(var(--card)/.9),hsl(var(--card)/.6));box-shadow:0 0 0 1px var(--cp-ring) inset,0 30px 60px -30px rgb(var(--cp-glow)/.45)}.cp-plinth:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgb(var(--cp-glow)/.8),var(--cp-ink) 45%,var(--cp-ring));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.cp-chip{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;padding:.3rem .7rem;font-size:.75rem;line-height:1;color:hsl(var(--muted-foreground));background:hsl(var(--foreground)/.04);box-shadow:0 0 0 1px var(--cp-ring) inset}.cp-chip strong{color:hsl(var(--foreground));font-weight:500}.cp-bar{position:relative;height:4px;border-radius:9999px;background:hsl(var(--foreground)/.06);overflow:hidden}.cp-bar>i{position:absolute;inset:0;width:var(--w,0);border-radius:inherit;background:linear-gradient(90deg,rgb(var(--cp-glow)/.55),rgb(var(--cp-glow)));box-shadow:0 0 10px rgb(var(--cp-glow)/.45);transform-origin:left center;animation:cp-grow .9s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--d,0ms)}.cp-bar--neutral>i{background:linear-gradient(90deg,hsl(var(--foreground)/.35),hsl(var(--foreground)/.7));box-shadow:none}@keyframes cp-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cp-rank{font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground))}.cp-rank--lead{color:hsl(var(--accent));text-shadow:0 0 14px rgb(var(--cp-glow)/.55)}.cp-live{position:relative;width:7px;height:7px;border-radius:9999px;background:rgb(var(--cp-glow));box-shadow:0 0 10px rgb(var(--cp-glow)/.7)}.cp-live:after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:1px solid rgb(var(--cp-glow)/.6);animation:cp-ping 1.8s ease-out infinite}@keyframes cp-ping{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.8);opacity:0}}.cp-row{border-radius:12px;transition:background-color .16s ease-out}@media (hover:hover){.cp-row:hover{background:hsl(var(--foreground)/.035)}}.cp-rise{animation:cp-rise .52s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--d,0ms)}@keyframes cp-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cp-strip{display:flex;height:10px;border-radius:9999px;overflow:hidden;background:hsl(var(--foreground)/.06);gap:2px}.cp-strip>i{display:block;height:100%;width:var(--w,0);background:var(--c,currentColor);transform-origin:left center;animation:cp-grow .9s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--d,0ms)}@media (prefers-reduced-motion:reduce){.cp-bar>i,.cp-rise,.cp-strip>i{animation:none}.cp-live:after{animation:none;display:none}}