.agecalc-tool{background:#fff;border-radius:16px;border:1px solid var(--gray-200);padding:2rem;margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.agecalc-input-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem}.agecalc-label{display:block;font-size:.85rem;font-weight:600;color:var(--gray-800);margin-bottom:.4rem}.agecalc-date-input{padding:.6rem 1rem;border:1px solid var(--gray-200);border-radius:8px;font-size:1rem;color:var(--gray-800);background:#fff;transition:border-color .2s}.agecalc-date-input:focus{outline:0;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(235,57,68,.1)}.agecalc-results{display:flex;flex-direction:column;gap:1.25rem}.agecalc-main-result{display:flex;align-items:baseline;gap:.5rem;padding:1.5rem;background:linear-gradient(135deg,var(--gray-50),#fff);border:1px solid var(--gray-200);border-radius:12px;justify-content:center}.agecalc-age-display{font-size:3rem;font-weight:800;color:var(--primary-600);line-height:1}.agecalc-age-label{font-size:1.1rem;color:var(--gray-800);font-weight:500}.agecalc-cards{display:flex;flex-wrap:wrap;gap:1rem}.agecalc-card{display:flex;flex-direction:column;align-items:center;flex:1;min-width:130px;padding:1.25rem 1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;text-align:center}.agecalc-card-val{font-size:1.6rem;font-weight:700;color:var(--primary-600);line-height:1}.agecalc-card-label{font-size:.78rem;color:var(--gray-400);margin-top:.4rem;text-transform:uppercase;letter-spacing:.05em}@media (max-width:600px){.agecalc-card{min-width:100px}.agecalc-age-display{font-size:2.2rem}}