.age-summary{padding:14px;display:grid;gap:14px}.age-summary__top{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:12px;padding:0 44px}.age-summary__header{display:grid;gap:8px;justify-items:center;text-align:center}.age-summary__title{font-size:18px;font-weight:700;line-height:1.5;font-family:var(--font-sans)}.age-summary__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.age-summary__chip{border:1px solid var(--field-border);font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans);border-radius:999px;padding:4px 10px;color:var(--muted);background:color-mix(in oklab,var(--surface) 96%,transparent)}.age-summary__action{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:0;right:0}.age-summary__action .icon-button{flex-shrink:0}.age-summary__hero{border:1px solid var(--field-border);border-radius:14px;border-color:color-mix(in oklab,var(--primary) 22%,transparent);background:linear-gradient(135deg,color-mix(in oklab,var(--primary) 10%,var(--surface)),color-mix(in oklab,var(--primary) 3%,var(--surface)));padding:18px 16px;display:grid;gap:6px;justify-items:center;text-align:center}.age-summary__hero-label{font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.age-summary__hero-value{font-size:2rem;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.age-summary__bar{display:grid;gap:6px}.age-summary__bar-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.age-summary__bar-label{color:var(--muted)}.age-summary__bar-pct{font-size:12px;font-weight:700;line-height:1.5;font-family:var(--font-sans);border:1px solid color-mix(in oklab,var(--primary) 30%,transparent);border-radius:999px;padding:2px 10px;color:var(--primary);background:color-mix(in oklab,var(--primary) 8%,var(--surface));font-variant-numeric:tabular-nums}.age-summary__bar-track{height:10px;border-radius:999px;overflow:hidden;background:color-mix(in oklab,var(--text) 9%,transparent)}.age-summary__bar-track span{display:block;width:var(--meter-width, 0%);min-width:3px;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in oklab,var(--primary) 70%,var(--surface)),var(--primary))}.age-summary__bar-detail{font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans);margin:0;color:var(--muted)}.age-summary__metrics{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.age-summary__metric{border:1px solid var(--field-border);box-shadow:0 8px 12px #0000000a;padding:12px;border-radius:12px;background:color-mix(in oklab,var(--surface) 96%,transparent);display:grid;gap:4px}.age-summary__metric-label{font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans);color:var(--muted)}.age-summary__metric-value{font-size:18px;font-weight:700;line-height:1.5;font-family:var(--font-sans);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}@media(max-width:480px){.age-summary__metrics{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}}#ageCalculatorResult,#ageCalculatorSummary{scroll-margin-top:80px}.age-calculator-page__title{font-size:18px;font-weight:700;line-height:1.5;font-family:var(--font-sans);margin-bottom:12px}.age-calculator-page__results{display:flex;gap:12px}.age-calculator-page__results .age-summary{flex:0 0 calc(70% - 6px)}.age-calculator-page__results .ad-slot{flex:0 0 calc(30% - 6px)}@media(max-width:760px){.age-calculator-page__results{flex-direction:column;gap:12px}.age-calculator-page__results .age-summary,.age-calculator-page__results .ad-slot{flex:0 0 100%}}