.input-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.form-row{margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-row label{display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.date-input{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9375rem;font-family:inherit}.date-input:focus{outline:none;border-color:var(--color-accent)}.result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:32px;text-align:center}.age-display{margin-bottom:24px}.age-main{font-size:4rem;font-weight:700;color:var(--color-accent);line-height:1}.age-label{font-size:1rem;color:var(--color-text-muted);margin-top:8px}.age-details{display:flex;justify-content:center;gap:32px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.detail-item{text-align:center}.detail-value{display:block;font-size:1.5rem;font-weight:600}.detail-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-item{background:var(--color-bg);padding:16px;border-radius:var(--radius-sm)}.stat-value{display:block;font-size:1.125rem;font-weight:600;font-family:var(--font-mono)}.stat-label{font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase}.next-birthday{padding:16px;background:var(--color-bg);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text-muted)}