@keyframes evibe-card-in{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes evibe-breathe{0%,to{opacity:.07;transform:scale(1)}50%{opacity:.1;transform:scale(1.06)}}@keyframes evibe-spin-cw{to{transform:rotate(360deg)}}@keyframes evibe-spin-ccw{to{transform:rotate(-360deg)}}@keyframes evibe-orbit-parent{to{transform:rotate(360deg)}}@keyframes evibe-orbit-child{to{transform:rotate(-360deg)}}@keyframes evibe-twinkle{0%{opacity:.2;transform:scale(.7)}to{opacity:.9;transform:scale(1.3)}}@keyframes evibe-wave-y{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes evibe-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes evibe-pulse-ring{0%{opacity:.7;transform:scale(.95)}to{opacity:0;transform:scale(1.6)}}@keyframes evibe-arc-fill{0%{stroke-dashoffset:var(--evibe-circ)}to{stroke-dashoffset:var(--evibe-offset)}}@keyframes evibe-urgency-pulse{0%,to{box-shadow:0 0 0 0 var(--evibe-urgency-color-soft)}50%{box-shadow:0 0 0 8px #0000}}.evibe-wrapper{border-radius:var(--radius-2xl);border:1px solid var(--border-accent-strong);background-color:var(--bg-surface-1);box-shadow:var(--shadow-accent-strong);padding:var(--space-8);margin-block:var(--space-10);animation:evibe-card-in .5s var(--ease-spring)both;position:relative;overflow:hidden;container:evibe-card/inline-size}.evibe-bg-glow{pointer-events:none;background:radial-gradient(ellipse 65% 55% at 15% 50%,var(--accent-glow-strong),transparent 70%);position:absolute;inset:0}.evibe-pattern{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.evibe-pattern .spin-cw{transform-origin:50%;transform-box:fill-box;animation:40s linear infinite evibe-spin-cw}.evibe-pattern .spin-ccw{transform-origin:50%;transform-box:fill-box;animation:28s linear infinite evibe-spin-ccw}.evibe-pattern .breathe{transform-origin:50%;transform-box:fill-box;animation:6s ease-in-out infinite evibe-breathe}.evibe-pattern .twinkle-1{animation:2.8s ease-in-out infinite alternate evibe-twinkle}.evibe-pattern .twinkle-2{animation:3.2s ease-in-out .6s infinite alternate evibe-twinkle}.evibe-pattern .twinkle-3{animation:2.5s ease-in-out 1.1s infinite alternate evibe-twinkle}.evibe-pattern .twinkle-4{animation:3.6s ease-in-out .3s infinite alternate evibe-twinkle}.evibe-pattern .twinkle-5{animation:2.9s ease-in-out 1.7s infinite alternate evibe-twinkle}.evibe-pattern .wave-1{animation:3s ease-in-out infinite alternate evibe-wave-y}.evibe-pattern .wave-2{animation:3.5s ease-in-out .5s infinite alternate evibe-wave-y}.evibe-pattern .wave-3{animation:4s ease-in-out 1s infinite alternate evibe-wave-y}.evibe-pattern .orbit-arm{transform-origin:50%;transform-box:fill-box;animation:12s linear infinite evibe-orbit-parent}.evibe-pattern .orbit-planet{transform-origin:50%;transform-box:fill-box;animation:12s linear infinite evibe-orbit-child}.evibe-content{z-index:1;position:relative}.evibe-top-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.evibe-category-chip{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-full);padding:var(--space-1-5)var(--space-4);border:1px solid var(--border-accent);background:var(--accent-soft);color:var(--accent-alt);white-space:nowrap;display:flex}.evibe-urgency-badge{font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-full);padding:var(--space-1)var(--space-3);white-space:nowrap;flex-shrink:0;position:relative}.evibe-urgency-badge--ring{animation:1.8s ease-out infinite evibe-urgency-pulse}.evibe-pulse-ring{border-radius:var(--radius-full);animation:1.6s ease-out infinite evibe-pulse-ring;position:absolute;inset:0}.evibe-body{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.evibe-arc-container{flex-shrink:0;width:108px;height:108px;position:relative}.evibe-arc-track{fill:none;stroke:var(--border-subtle);stroke-width:5px}.evibe-arc-fill{fill:none;stroke-width:5px;stroke-linecap:round;transform-origin:50%;transform-box:fill-box;stroke-dasharray:var(--evibe-circ);stroke-dashoffset:var(--evibe-circ);animation:evibe-arc-fill 1.4s var(--ease-out).3s both;filter:drop-shadow(0 0 5px);transform:rotate(-90deg)}.evibe-arc-center{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.evibe-arc-number{font-size:var(--text-2xl);font-weight:var(--font-black);line-height:var(--leading-none);font-variant-numeric:tabular-nums}.evibe-arc-label{font-size:var(--text-xs);color:var(--text-muted);line-height:1}.evibe-text{flex:1;min-width:160px}.evibe-headline{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-2)}.evibe-subtext{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:40ch}.evibe-stats{gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.evibe-stat-pill{background:var(--bg-surface-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2)var(--space-4);gap:var(--space-0-5);flex-direction:column;min-width:76px;display:flex}.evibe-stat-label{font-size:var(--text-xs);color:var(--text-muted);line-height:1}.evibe-stat-value{font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-snug)}@container evibe-card (max-width:400px){.evibe-wrapper{padding:var(--space-5)}.evibe-body{gap:var(--space-5)}.evibe-arc-container{width:86px;height:86px}.evibe-arc-number{font-size:var(--text-xl)}.evibe-headline{font-size:var(--text-lg)}.evibe-stat-pill{min-width:64px}}@container evibe-card (min-width:400px) and (max-width:600px){.evibe-arc-container{width:96px;height:96px}}@container evibe-card (min-width:600px){.evibe-arc-container{width:116px;height:116px}.evibe-arc-number{font-size:var(--text-3xl)}.evibe-headline{font-size:var(--text-2xl)}}@media (prefers-reduced-motion:reduce){.evibe-wrapper,.evibe-pattern *,.evibe-arc-fill,.evibe-pulse-ring,.evibe-urgency-badge--ring{transition:none!important;animation:none!important}.evibe-arc-fill{stroke-dashoffset:var(--evibe-offset)!important}}
