.age-tool{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);margin:22px 0 10px;padding:22px 20px}.age-tool-title{margin:0 0 6px;font-size:1.25rem}.age-tool-lead{color:var(--muted);margin:0 0 18px;font-size:.95rem}.age-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.age-field{flex-direction:column;gap:6px;min-width:0;display:flex}.age-field label{font-size:.92rem;font-weight:700}.age-field input{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;min-height:44px;color:var(--fg);font:inherit;border-radius:10px;padding:8px 10px}.age-field input:focus-visible{border-color:var(--accent);outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}.age-hint{color:var(--muted);margin:0;font-size:.82rem}.age-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.age-output{margin-top:18px}.age-error{border:1px solid color-mix(in srgb, #c62828 28%, var(--line));background:color-mix(in srgb, #c62828 7%, var(--bg));color:#b3261e;border-radius:10px;margin:0;padding:12px 14px;font-weight:600}.age-hero{border-radius:var(--radius);background:var(--soft);text-align:center;padding:18px}.age-hero-label{color:var(--muted);margin:0;font-size:.9rem;font-weight:700}.age-hero-value{color:var(--accent);margin:2px 0;font-size:clamp(2.2rem,10vw,3.2rem);line-height:1.1}.age-hero-value strong{font-weight:800}.age-hero-value span{color:var(--muted);margin-left:4px;font-size:1rem}.age-hero-sub{margin:4px 0 0;font-size:.95rem}.age-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.age-card{border:1px solid var(--line);border-radius:12px;min-width:0;padding:12px 14px}.age-card-wide{grid-column:1/-1}.age-card-label{color:var(--muted);font-size:.82rem;display:block}.age-card-value{overflow-wrap:anywhere;margin-top:2px;font-size:1.15rem;font-weight:800;display:block}.age-card-sub{color:var(--muted);margin-top:2px;font-size:.82rem;display:block}.age-adjust{color:var(--muted);margin:10px 0 0;font-size:.86rem}.age-note,.age-privacy{color:var(--muted);margin:14px 0 0;font-size:.82rem}.age-privacy{margin-top:6px}@media (max-width:560px){.age-tool{padding:16px 14px}.age-fields,.age-cards{grid-template-columns:minmax(0,1fr)}.age-actions .btn{width:100%}}
