/* AgeCalculator Theme */
:root {
  --primary-purple: #7c3aed;
  --primary-purple-hover: #6d28d9;
  --accent-indigo: #4f46e5;
  --accent-coral: #f43f5e;
  --accent-emerald: #10b981;
  --accent-amber: #f59e0b;
}
body { font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.bg-age-canvas {
  background: radial-gradient(circle at 12% 18%, rgba(124, 58, 237, 0.06) 0%, transparent 40%),
              radial-gradient(circle at 88% 22%, rgba(79, 70, 229, 0.05) 0%, transparent 42%),
              linear-gradient(180deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);
  background-attachment: fixed;
}
.age-card {
  position: relative; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 1.5rem;
  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.05); transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.age-card:hover { transform: translateY(-2px); border-color: #cbd5e1; box-shadow: 0 20px 30px -10px rgba(124, 58, 237, 0.08); }
.card-accent-purple { background: linear-gradient(145deg, #ffffff 0%, #faf5ff 100%); border: 1.5px solid rgba(124, 58, 237, 0.25); }
.card-accent-indigo { background: linear-gradient(145deg, #ffffff 0%, #eef2ff 100%); border: 1.5px solid rgba(79, 70, 229, 0.25); }
.card-accent-emerald { background: linear-gradient(145deg, #ffffff 0%, #ecfdf5 100%); border: 1.5px solid rgba(16, 185, 129, 0.25); }
.card-accent-coral { background: linear-gradient(145deg, #ffffff 0%, #fff1f2 100%); border: 1.5px solid rgba(244, 63, 94, 0.25); }
.btn-age-purple { background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%); color: #ffffff; box-shadow: 0 4px 14px rgba(124, 58, 237, 0.35); transition: all 0.2s ease; }
.btn-age-purple:hover { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); transform: translateY(-1px); }
.btn-age-emerald { background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: #ffffff; }
.btn-age-indigo { background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%); color: #ffffff; }
.btn-age-coral { background: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%); color: #ffffff; }
.display-num-italic { font-style: italic; font-weight: 800; letter-spacing: -0.03em; line-height: 1.15; display: inline-block; }
input[type="range"] { accent-color: #7c3aed; }