@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:2s infinite shimmer}@keyframes urgency-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.animate-urgency-pulse{animation:2s ease-in-out infinite urgency-pulse}@keyframes celebration-bounce{0%,20%,50%,80%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-10px)scale(1.05)}60%{transform:translateY(-5px)scale(1.02)}}.animate-celebration-bounce{animation:1.5s ease-out celebration-bounce}@keyframes progress-fill{0%{stroke-dashoffset:100px}to{stroke-dashoffset:var(--progress-offset)}}.animate-progress-fill{animation:2s ease-out forwards progress-fill}@keyframes confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-100vh)rotate(360deg)}}.animate-confetti{animation:3s ease-out forwards confetti}.field-teased .blur-content{filter:blur(2px);pointer-events:none;-webkit-user-select:none;user-select:none}.field-teased:hover .blur-content{filter:blur(1px);transition:filter .3s}.field-card-available{cursor:pointer;transition:all .3s}.field-card-available:hover{transform:translateY(-2px);box-shadow:0 8px 25px -8px #0000001a}.field-card-teased{position:relative;overflow:hidden}.field-card-teased:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}.status-ahead{color:#10b981;background-color:#ecfdf5;border-color:#10b981}.status-on-track{color:#3b82f6;background-color:#eff6ff;border-color:#3b82f6}.status-behind{color:#f59e0b;background-color:#fef3c7;border-color:#f59e0b}.status-critical{color:#ef4444;background-color:#fef2f2;border-color:#ef4444}.upgrade-gradient{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%)}.upgrade-gradient:hover{background:linear-gradient(135deg,#7c3aed 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 10px 25px -8px #8b5cf64d}.phase-active{border-style:solid;border-width:2px;position:relative}.phase-active:before{content:"";border-radius:inherit;opacity:.1;pointer-events:none;background:linear-gradient(135deg,currentColor 0%,#0000 50%,currentColor 100%);position:absolute;inset:-1px}.phase-complete{background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border-color:#10b981}.phase-locked{opacity:.6;filter:grayscale(20%)}.modal-behind-schedule{animation:.3s ease-out modal-slide-down}.modal-celebration{animation:.4s cubic-bezier(.175,.885,.32,1.275) modal-scale-in}@keyframes modal-slide-down{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.progress-ring-container{transform:scale(.8)}.field-card-grid{grid-template-columns:1fr;gap:1rem}.phase-progress-grid{grid-template-columns:1fr}}.loading-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;animation:1.5s infinite loading-shimmer}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.extension-progress-compact{padding:.5rem;font-size:.75rem}.extension-progress-compact .progress-ring{width:32px;height:32px}.extension-progress-compact .status-text{font-size:.625rem}@media (prefers-contrast:high){.field-teased .blur-content{filter:none;opacity:.5}.status-behind,.status-critical{font-weight:700}}@media (prefers-reduced-motion:reduce){.animate-shimmer,.animate-urgency-pulse,.animate-celebration-bounce,.animate-progress-fill,.animate-confetti{animation:none}.field-card-available:hover,.upgrade-gradient:hover{transform:none}}
:root{--hp-bg-primary:#fff;--hp-bg-secondary:#f9fafb;--hp-bg-tertiary:#f3f4f6;--hp-bg-glass:#fffc;--hp-text-primary:#111827;--hp-text-secondary:#374151;--hp-text-tertiary:#6b7280;--hp-purple-500:#8b5cf6;--hp-purple-400:#c4b5fd;--hp-purple-600:#7c3aed;--hp-purple-950:#4c1d95;--hp-purple-glow:#8b5cf633;--hp-teal-500:#14b8a6;--hp-teal-600:#0d9488;--hp-border-primary:#e5e7eb;--hp-border-purple:#8b5cf64d;--hp-glass-border:#0000001a;--hp-glass-shadow:#0000000d;--hp-neon-shadow:0 0 10px #8b5cf64d;--hp-gradient-primary:linear-gradient(135deg,#8b5cf6 0%,#14b8a6 100%);--hp-gradient-bg:linear-gradient(to bottom,#fff,#f9fafb)}.dark{--hp-bg-primary:#000;--hp-bg-secondary:#0009;--hp-bg-tertiary:#0000004d;--hp-bg-glass:#0009;--hp-text-primary:#fff;--hp-text-secondary:#e5e7eb;--hp-text-tertiary:#9ca3af;--hp-purple-500:#8b5cf6;--hp-purple-400:#a78bfa;--hp-purple-600:#7c3aed;--hp-purple-950:#2e1065;--hp-purple-glow:#8b5cf680;--hp-teal-500:#14b8a6;--hp-teal-600:#0d9488;--hp-border-primary:#8b5cf64d;--hp-border-purple:#8b5cf64d;--hp-glass-border:#ffffff1a;--hp-glass-shadow:#8b5cf633;--hp-neon-shadow:0 0 7px #8b5cf6,0 0 10px #8b5cf6,0 0 21px #8b5cf6;--hp-gradient-primary:linear-gradient(135deg,#8b5cf6 0%,#14b8a6 100%);--hp-gradient-bg:radial-gradient(at top,#1a0033,#000)}.hp-bg-primary{background-color:var(--hp-bg-primary)}.hp-bg-secondary{background-color:var(--hp-bg-secondary)}.hp-bg-tertiary{background-color:var(--hp-bg-tertiary)}.hp-bg-glass{background-color:var(--hp-bg-glass)}.hp-text-primary{color:var(--hp-text-primary)}.hp-text-secondary{color:var(--hp-text-secondary)}.hp-text-tertiary{color:var(--hp-text-tertiary)}.hp-border-primary{border-color:var(--hp-border-primary)}.hp-border-purple{border-color:var(--hp-border-purple)}.hp-gradient-primary{background:var(--hp-gradient-primary)}.hp-gradient-bg{background:var(--hp-gradient-bg)}.hp-neon-text{text-shadow:var(--hp-neon-shadow);color:var(--hp-purple-500)}